移动浏览器的视口参数(Web前端设计)
手机浏览器的网页在一个虚拟的窗口(视图),通常的虚拟窗口(视口)比宽屏幕,所以你不必挤每一页的一个小窗口(这不会损害手机浏览器页面优化布局,用户可以)通过平移和缩放视图页面的不同部分。Safari浏览器的移动版本最近推出的视窗meta标签,它允许Web开发者控制规模和视口,和其他移动浏览器基本上都支持。
视口的基础
为移动网页优化的页面常用的视口meta标签如下所示:
宽度:控制视口的大小,可以指定一个值,如果600或特殊值,如设备宽度,则是设备的宽度(当它缩放到100%时CSS的像素)。
高度:与宽度相对应,指定高度。
初始比例:初始缩放比例也是页面第一页加载时的缩放比例。
最大规模:允许用户缩放的最大比例。
最小尺度:允许用户缩放的最小比例。
用户可伸缩性:用户是否可以手动缩放是或不是