如何根据屏幕大小改变class的css样式
2016-03-24 17:05
330 查看
/*当屏幕小于1200px*/ @media (max-width:1200px) { ...} 此处针对所有小于1200px屏幕的css属性。 /*当屏幕小于1200px且大于992px*/ @media (min-width: 992px) and (max-width: 1200px) {...} 此处针对992~1200px屏幕的css属性,当屏幕小于992时会继续引用默认的css属性,除非重新设置屏幕小于992的CSS属性。
相关文章推荐
- css读书笔记3:定位元素
- css常用伪类记录
- css transition
- 第三章:CSS中的样式选择器
- cssHack
- css3中的边框相关样式
- 使用transform和transition制作CSS3动画
- CSS3实现雪碧图动画
- CSS3动画、过渡结束后触发执行的事件
- 整理一些自己常用的CSS模板
- 4.CSS盒子模型
- 深入了解CSS行高 Line Height属性
- css3中新增的背景属性
- js+css实现select的美化效果
- CSS书写规范、顺序
- CSS盒子模型之外边
- CSS盒子模型之内边
- CSS常见的浏览器前缀
- 第二章:在HTML文档中放置CSS的几种方式
- 系统用的重置样式( zteict_reset.css )代码片段