小编Ahm*_*med的帖子

14
推荐指数
2
解决办法
720
查看次数

媒体查询响应式网站的最小宽度VS最大宽度

很长一段时间以来我使用以下媒体查询来制作响应式网站

// Large devices (desktops, less than 1200px)
 @media (max-width: 1199px) { ... }

 // Medium devices (tablets, less than 992px)
 @media (max-width: 991px) { ... }

 // Small devices (landscape phones, less than 768px)
 @media (max-width: 767px) { ... }

 // Extra small devices (portrait phones, less than 576px)
 @media (max-width: 575px) { ... }
Run Code Online (Sandbox Code Playgroud)

但当我检查bootsrap 4时,我注意到他们正在使用以下查询

/* Small. Above 34em (544px) */
 @media screen and (min-width: 34em) { ... }

 /* Medium. Above 48em (768px) */
 @media screen …
Run Code Online (Sandbox Code Playgroud)

css

8
推荐指数
1
解决办法
2477
查看次数

标签 统计

css ×1

javascript ×1

jquery ×1