在<head>
标记后的HTML中添加此代码:
<meta name="viewport" content="width=device-width,initial-scale=1">
根据文档:
典型的针对移动设备进行优化的网站包含以下内容:
<meta name="viewport" content="width=device-width, initial-scale=1">
该
width
属性控制视口的大小。可以将其设置为特定的像素数量,width=600
或将其设置为特殊device-width
值,该值是CSS像素的屏幕宽度,缩放比例为100%。(有相应的height
和device-height
值,其可以是用于与基于视口的高度变化的大小或位置的元件的页面是有用的。)该
initial-scale
属性控制页面首次加载时的缩放级别。的maximum-scale
,minimum-scale
和user-scalable
属性控制用户如何允许缩放页面或缩小。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句