详解meta-viewport标签中的width和initial-scale属性-CSDN博客

网站介绍:文章浏览阅读2.1w次,点赞24次,收藏80次。视口视口可以理解为设备或文档对象的逻辑尺寸。前端ppk大神认为,移动设备上有三个viewport(视口)。但可以换句话说,可以缩放的浏览器中都具有三个视口概念,分别是 布局视口、视觉视口、理想视口。1. 布局视口 layout viewport布局视口可以理解为文档对象的逻辑尺寸,单位为逻辑像素(CSS像素)。在PC端上,布局视口宽度默认等于浏览器窗口的宽度。而在移动端上,由于要使为PC端浏览器设计的网站能够完全显示在移动端的小屏幕里,此时的布局视口会远大于移动设备的屏幕,就会出现滚动条。由于_initial-scale