响应式布局--引入外部样式
2015-09-13 17:54
627 查看
//当屏幕宽度小于480px的时候,引入demo.css
<link type="text/css" rel="stylesheet" href="style/demo.css" media="only screen and (max-width:480px)"/>
//当屏幕大于685px的时候,启用的css样式,(内联写法)
@media screen and (min-width : 685px){
.header-top,.search-left,.search-right,.header-nav,.header-nav ul{
padding: 0 !important;
}
.search-right input{
width: 200px !important;
}
}
<link type="text/css" rel="stylesheet" href="style/demo.css" media="only screen and (max-width:480px)"/>
//当屏幕大于685px的时候,启用的css样式,(内联写法)
@media screen and (min-width : 685px){
.header-top,.search-left,.search-right,.header-nav,.header-nav ul{
padding: 0 !important;
}
.search-right input{
width: 200px !important;
}
}
相关文章推荐
- CSS BFC
- CSS行高——line-height
- CSS解决未知高度的垂直水平居中自适应问题
- CSS 阴影怎么写?
- GMT5.1.2_基础_坐标轴的设置和离散点的样式控制
- Web前端从入门到精通-12 css简介——导航实例1
- Web前端从入门到精通-11 css简介——盒模型3
- 设置状态栏样式Demo
- Normalize.css的使用(重置表)
- HTML编码和CSS编码会遇到的问
- css reset重置样式有那么重要吗?
- css让浮动元素水平居中
- CSS清除浮动
- CSS3可使用动画的属性
- 样式表单位
- CSS Sprite
- 小记——CSS 和 JS 中关于图片路径的问题
- [转]CSS,font-family,常用网页字体
- EI企划网index.css
- CSS布局中左(右)宽度自适应,右(左)宽度固定