【梅开二度】viewport 深入理解

张小枫   ·   发表于 3个月前   ·   编程代码
一、viewport的概念
通俗的讲,移动设备上的virt就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的wew)用来显示网页的那部分区域,但virt又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的virt都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站,移动设备上的浏览器都会把自己默认的vie设为980px或1024px(也可能是其它值,这个是由设备自己决定的),但带来的后果就是浏览器会出现横向滚动条,因为浏览器可视区域的宽度是比这个默认的virt的宽度要小的。下图列出了一些设备上浏览器的默认rt的宽度。

0 Reply   |  Until 3个月前 | 2182 View
LoginCan Publish Content