带您了解一下什么是viewport?
viewport是互联网电脑网站搭扶植计用户网页的察看装置,在互联网的中文社区里一般称之为“视区”或者“视野”。
关于viewport有三个大理论:
1、layout viewport(结构视口)
这是layout viewport是网页窗口的微缩视窗,它是的父系容器,如果你在css里面把符码进行改动和修嵌;结构视窗需要用滚动条进行拉幅和伸缩,在调整浏览器窗口时不允许改变。浏览器窗口改变的只是visual viewport,在PC(个人电脑)中的浏览器缩放比例为100%,其宽度概略和内容视窗的宽度相合适。
2、Visual viewport(视觉视口)
visual viewport往往只显示浏览器窗口的小单方面积,layout是把浏览器窗口成比例的进行缩放和调整巨细和分辩率;visual viewport是将浏览器截取此中的一个视角进行观看和核阅。visual viewport的视角犹如摄像机的了局,摄像机的镜头感在visual viewport下显得充实真实。
3、Ideal viewport(理想视窗)
Ideal viewport是屏幕分辩率,移动通讯工具默认的视窗是结构视窗,而在对移动设备的电脑网站开发的是理想视窗。所以我们要利用meta标签对视窗进行节制。
一般来说,viewport标签的前置内容是meta name,meta存在两个属性:http-equiv和name.