[已解决]关于媒体查询

三少爷的jian

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

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

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

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@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 - 手写篇】

跳转到最佳答案楼层

不二如是

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

像常见的720p（1280×720像素）指的是屏幕分辨率，理解为清晰度；

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

---

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

multitate