扫码关注官方订阅号
我不知道 viewport这个东西,一般是怎么用的,用在什么情况,是适配吗?
viewport
小伙看你根骨奇佳,潜力无限,来学PHP伐。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">
这一句声明用在需要在移动端展示的页面里。与移动端页面宽度与缩放有关,content内容的含义依次为:
width=device-width 页面宽度等于设备宽度initial-scale=1 初始缩放倍数为1倍maximum-scale=1 最大缩放1倍minimum-scale=1 最小缩放1倍user-scalable=no 不允许缩放页面大小
width=device-width
initial-scale=1
maximum-scale=1
minimum-scale=1
user-scalable=no
这样设置之后,代表的意思就是不允许用户通过手指的动作来缩放页面大小,页面宽度始终与设备宽度相等。
移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。更多请看:http://www.css88.com/archives/5975
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这一句声明用在需要在移动端展示的页面里。与移动端页面宽度与缩放有关,content内容的含义依次为:
width=device-width页面宽度等于设备宽度initial-scale=1初始缩放倍数为1倍maximum-scale=1最大缩放1倍minimum-scale=1最小缩放1倍user-scalable=no不允许缩放页面大小这样设置之后,代表的意思就是不允许用户通过手指的动作来缩放页面大小,页面宽度始终与设备宽度相等。
移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。
更多请看:http://www.css88.com/archives/5975