IOS下的Safari的一些特性
2011-05-24 12:42
155 查看
IOS下的Safari的一些特性
1. viewportiOS Sarari 浏览器允许网页 Head 里存在一个 Viewport 声明,用来规范浏览器对此页面的缩放特性,完整的声明如下:
<meta name="viewport" content="width=device-width,
initial-scale=1, minimum-scale=1,
maximum-scale=2, user-scalable=no" />
Viewport 里目前有五个可以设置的属性,它们各自的作用如下:
width:设置 viewport 的宽度,即 iPhone 最初模拟 PC 浏览器的宽度,之后 iPhone/iPad 会这个宽度展现的页面同比缩放到 iPhone/iPad 屏幕上。设置 width=device-width 后就不会再进行缩放了,因为宽度正好和 iPhone/iPad 的宽度相同(前提是没有设置缩放比例)。
minimum-scale 和 maximum-scale:是控制用户允许设置的最大/最小缩放比例的。
user-scalable:标识是否允许对页面进行缩放,取值有两个 yes 和 no。设置为 no 则不允许进行页面缩放了。
initial-scale:设置页面的初始化缩放比例。
通过控制这个,将网页的主体内容扩展到整个界面,能够给用户更好的阅读体验。
2. 横竖屏切换。
Mobile Safari for iPad 可以直接在 link 或者 style 标签的 media 属性里声明该样式是竖屏的还是横屏的。可以利用来在横竖屏下面做一些不同的内容布局。
/* 竖屏时使用的样式 */
<style media="all and (orientation:portrait)" type="text/css">
#landscape { display: none; }
</style>
/* 横屏时使用的样式 */
<style media="all and (orientation:landscape)" type="text/css">
#portrait { display: none; }
</style>
相关文章推荐
- iOS 9新特性 - SFSafariViewController
- 关于iOS 11的一些新特性适配实践总结
- 关于iOS 9 的一些新特性
- iOS 4.2版safari对HTML5特性支持更新
- ios开发xcode4.4(ios6)的一些新特性
- iOS开发概述UIkit动力学,讲述UIKit的Dynamic特性,UIkit动力学是UIkit框架中模拟真实世界的一些特性。
- iOS-WKWebView特性以及与JS交互的一些事
- 关于苹果 ios safari 踩过的一些坑 记录下来
- ios平台的一些特性
- iOS硬件特性(照相,图片库,短信)
- 黑马程序员-IOS学习笔记 OC 关于对象方法类方法的一些概念
- ios开发中的一些小技巧
- IOS 中的一些知识点
- Android Dialog 的一些特性
- iOS - UILabel 的一些属性设置(间距、删除线等、计算文本label的size等)
- Lua学习之--函数,变长参数,closure(闭包)及select的一些特性
- iOS面试-WebView一些知识
- ios 中弹窗的编程 和 一些处理方法
- iOS开发中 常用枚举和常用的一些运算符(易错总结)
- 关于iOS模拟器没有Home键的一些新认识