我们在用媒体查询的一般只考虑屏幕宽度对页面显示的影响,但还有一种特殊情况需要考虑页面的高度(即浏览器去掉导航栏、地址栏之后的显示高度),那就是需要整屏滚动效果的页面。在整屏滚动效果的页面中,需要考虑到页面高度对页面显示效果的影响,都这会有内容超出显示区域的问题。
我搜了很多文章搜到的都是电脑或笔记本的显示器尺寸。
1920 * 1080
1440 * 900
1366 * 768
等等等等…这些尺寸对于普通页面够用,但是对于整屏滚动的页面就有些不够用了,我整理了一部分显示器尺寸下的浏览器尺寸。
1920 * 1080 >>>>1920 * 1000
1440 * 900 >>>>1440 * 710
1366 * 768 >>>>1366 * 625
目前只用到这几个,以后会继续进行补充。