发表于： 2017-03-24 23:46:18
2 585
今天看了viewport的概念，收获就是知道：
1.viewport就是设备的屏幕上用来显示网页的区域。
2.css中的1px并不等于设备的1px，有一个公式是：当前缩放值 = ideal viewport宽度 / visual viewport宽度。
3.还有一个结论：在iphone和ipad上，无论你给viewport设的宽的是多少，如果没有指定默认的缩放值，则iphone和ipad会自动计算这个缩放值，以达到当前页面不会出现横向滚动条(或者说viewport的宽度就是屏幕的宽度)的目的。
4.要把当前的viewport宽度设为ideal viewport的宽度，可以用<meta name="viewport" content="width=device-width, initial-scale=1">
5.meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。
返回列表
评论