媒体查询 @media 浏览器尺寸

我们在用媒体查询的一般只考虑屏幕宽度对页面显示的影响,但还有一种特殊情况需要考虑页面的高度(即浏览器去掉导航栏、地址栏之后的显示高度),那就是需要整屏滚动效果的页面。在整屏滚动效果的页面中,需要考虑到页面高度对页面显示效果的影响,都这会有内容超出显示区域的问题。
我搜了很多文章搜到的都是电脑或笔记本的显示器尺寸。

1920 * 1080
1440 * 900
1366 * 768

等等等等…这些尺寸对于普通页面够用,但是对于整屏滚动的页面就有些不够用了,我整理了一部分显示器尺寸下的浏览器尺寸。

1920 * 1080 >>>>1920 * 1000
1440 * 900 >>>>1440 * 710
1366 * 768 >>>>1366 * 625

目前只用到这几个,以后会继续进行补充。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值