移动端布局viewport

H5页面移动端布局,写在头部的标签十分重要

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

content里面的这些属性必须知道

width: 控制viewport的大小,可以是一个指定的值,或者是特殊值,如device-width是为设备指定的宽度。

height: 和width相对应,指定高度

initial-scale: 初始缩放比例,也是当前页面第一次load的时候缩放的比例。

maximum-scale: 允许用户缩放的最大比例。

minimum-scale: 允许用户缩放的最小比例。

user-scalable: 用户是否可以手动缩放。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容