CSS媒体查询，CSS根据不同的分辨率显示不同的样式
2015-05-06 09:08
381 查看
在写自适应网页的时候，我们需要网页有几种显示方式，我们可以用CSS实现这个功能
使用CSS提供的媒体查询，我们可以根据屏幕分辨率来使用相应的CSS样式
使用CSS提供的媒体查询，我们可以根据屏幕分辨率来使用相应的CSS样式
@media screen and (max-width: 1000px) {
/*此条件表示最大宽度为1000，也就是如果宽度小于1000则执行以下CSS代码*/
#idming{
color:#f00;
}
.leiming{
color:#f66;
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 响应式布局(css,js,php等方法)，根据媒体类型设计不同的样式，css在线手册
- CSS样式中,background-image 背景图片居中显示并且在不同屏幕分辨率下始终居中
- 【css】——根据div个数显示不同的样式
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- css媒体查询/jquery mobile根据不同设备设定不同布局
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- CSS：a标签不同状态下的显示样式渲染顺序
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 响应式布局与媒体查询,以及像素以及查看各种分辨率下显示效果的工具
- 根据不同分辨率加载不同 css 样芪表
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 【CSS】媒体查询(media query)满足某个样式时执行某些CSS样式
- 根据分辨率不同调用不同的css文件
- Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小（无人值守，节约测试成本的福音，BOSS 最爱）
- 根据不同的分辨率调用不同的css
- css 不同媒介的显示样式控制方式
- 根据分辨率不同，调用不同的css文件