文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
2 媒体查询:支持不同的视口
如上一章所述,CSS3是由很多附加模块组合而成的。媒体查询就是其中的一个模块。媒体查询可以让我们根据设备显示器的特性为其设定CSS样式。例如,我们仅使用几行代码,就可以根据诸如视口宽度、屏幕比例、设备方向(横向或纵向)等特性来改变页面内容的显示方式。
本章内容
理解为什么响应式设计需要媒体查询
如何构造CSS3媒体查询
我们能够检测哪些设备特性
编写第一个CSS3媒体查询
为特定视口设定CSS样式
如何在iOS和Android设备上使用媒体查询
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论