Css3媒体查询
css3 查询 媒体
2023-09-11 14:17:27 时间
详情请参考
原网址:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
备份文件:http://pan.baidu.com/s/1bpDL4Qz
格式大概如下
/* 小型设备(平板电脑,768px 起) */ @media (min-width:768px) {...} /* 中型设备(台式电脑,992px 起) */ @media (min-width: 992px) {...} /* 大型设备(大台式电脑,1200px 起) */ @media (min-width:1200px) {...}
作用
“响应式设计(Responsive Design)”是一种让网站针对不同的浏览器和设备“响应”不同显示效果的策略,这样可以让网站在任何情况下显示的很棒!
媒体查询是做此事所需的最强大的工具。
相关文章
- CSS3绘制灰太狼动画,绝对精彩
- 图解css3:核心技术与案例实战. 2.1 认识CSS选择器
- 图解css3:核心技术与案例实战. 3.2 CSS3边框颜色属性
- [转]CSS3 使用 calc() 计算高度 vh px
- CSS3彩色进度条加载动画 带进度百分比
- 《HTML5+CSS3网页设计入门必读》——2.4 DOCTYPE:形式更简洁
- 《HTML5+CSS3网页设计入门必读》——1.3 理解Web内容递送
- 《HTML5+CSS3网页设计入门必读》——6.5 小结
- 《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——导读
- 《HTML5与CSS3实战指南》——2.4 定义页面结构
- 《响应式Web设计:HTML5和CSS3实践指南》——1.6节基于媒介查询的动态导航栏
- CSS3 linear-gradient实现三角形
- html5和css3学习历程
- css3新单位vw、vh、vmin、vmax的使用介绍
- CSS3魔法堂:说说Multi-column Layout
- CSS3 object-fit 和 object-postion 实现图片居中缩放
- CSS3 花屏文字