鱼C论坛

 找回密码
 立即注册
查看: 3117|回复: 2

[已解决]关于媒体查询

[复制链接]
发表于 2017-9-26 18:16:22 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  1. /* 超小屏幕(手机,小于 768px) */
  2. /* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) */

  3. /* 小屏幕(平板,大于等于 768px) */
  4. @media (min-width: @screen-sm-min) { ... }

  5. /* 中等屏幕(桌面显示器,大于等于 992px) */
  6. @media (min-width: @screen-md-min) { ... }

  7. /* 大屏幕(大桌面显示器,大于等于 1200px) */
  8. @media (min-width: @screen-lg-min) { ... }
复制代码


这是bootstrap官网上的,我有点蒙了,现在的手机像素都是1920*1080 要不就是2560*1440 那照这么说,现在的5.2寸的手机屏幕都算大桌面显示器??大佬们?新手求解答
最佳答案
2017-9-26 18:55:04
这里有个套路
对于手机屏幕,Bs说的像素更像是“物理尺寸”,而不是屏幕支持的分辨率

像常见的720p(1280×720像素)指的是屏幕分辨率,理解为清晰度;

Bs中的屏幕划分“像素”和这个不太一样,只关注尺寸,不要被都叫像素误导~




推荐阅读:0 1 2 8 - CSS3 Media Query | 【BootStrap - 手写篇】

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-9-26 18:55:04 | 显示全部楼层    本楼为最佳答案   

回帖奖励 +2 鱼币

这里有个套路
对于手机屏幕,Bs说的像素更像是“物理尺寸”,而不是屏幕支持的分辨率

像常见的720p(1280×720像素)指的是屏幕分辨率,理解为清晰度;

Bs中的屏幕划分“像素”和这个不太一样,只关注尺寸,不要被都叫像素误导~




推荐阅读:0 1 2 8 - CSS3 Media Query | 【BootStrap - 手写篇】

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

发表于 2018-7-15 22:56:17 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 13:22

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表