CSS 媒体查询
2016-03-10 22:14
429 查看
媒体查询是进行响应式设计的核心要素,其功能十分强大,这里只列出了Bootstrap用到的功。
Bootstrap主要用到min-width、max-width,以及and语法,用于在不同的分辨率下设置不同的CSS样式,实例如下:
Bootstrap主要用到min-width、max-width,以及and语法,用于在不同的分辨率下设置不同的CSS样式,实例如下:
@media (max-width: 767px) { /*在小于768像素的屏幕里,这里的样式才生效*/ } @media (min-width: 768px) and (max-width: 991px) { /*在768和991像素之间的屏幕里,这里的样式才生效*/ } @media (min-width: 992px) and (max-width: 1199px) { /*在992和1199像素之间的屏幕里,这里的样式才生效*/ } @media (min-width: 1200px) { /*在大于1200像素的屏幕里,这里的样式才生效*/ }
相关文章推荐
- CSS3层次选择器
- webkit私有css3属性 -webkit-overflow-scrolling:touch;
- CSS: float属性和position属性的区别和应用
- CSS实现三角形图标的原理!!!!今天总算弄懂了。
- css解决方案
- Word自动编号多级标题设置
- CSS选择器
- CSS3 3D效果
- css内外边距样式
- CSS盒子模型
- CSS命名法
- CSS伪类
- CSS总结
- css常用样式
- css中伪元素:before :after的作用
- ExtJS自定义css样式
- CSS应用给网页元素的几种方式总结
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- table内文字一行内显示
- CSS语法小记