栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在创建移动响应式设计中,最重要的媒体查询是哪些?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在创建移动响应式设计中,最重要的媒体查询是哪些?

我建议仅通过以下四个媒体查询来关注Twitter的Bootstrap:

@media (max-width: 480px) { ... }@media (max-width: 767px) { ... }@media (min-width: 768px) and (max-width: 979px) { ... }@media (min-width: 1200px) { ... }

编辑:原始答案(以上)来自Bootstrap版本2。Bootstrap已更改了版本3中的媒体查询。请注意,对于小于768px的设备,没有明确的查询。这种做法有时被称为“移动优先”。任何媒体查询之外的所有内容都将应用于所有设备。媒体查询块中的所有内容都会扩展并覆盖全局可用内容以及所有较小设备的样式。将其视为响应式设计的逐步增强。

@media (min-width: 768px) { ... }@media (min-width: 992px) { ... }@media (min-width: 1200px) { ... }

在Bootstrap 3的文档中查看。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/382727.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号