三少爷的jian 发表于 2017-9-26 18:16:22

关于媒体查询

/* 超小屏幕(手机,小于 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 - 手写篇】

multitate 发表于 2018-7-15 22:56:17

{:5_109:}
页: [1]
查看完整版本: 关于媒体查询