媒体查询常用样式表
2016-05-26 16:13
411 查看
横竖屏加载不同的css样式:
<linkrel="stylesheet"media="alland(orientation:portrait)"href="portrait.css">//竖放加载 <linkrel="stylesheet"media="alland(orientation:landscape)"href="landscape.css">//横放加载
//竖屏时使用的样式
<stylemedia="alland(orientation:portrait)"type="text/css"> #landscape{display:none;} </style>
//横屏时使用的样式
<stylemedia="alland(orientation:landscape)"type="text/css"> #portrait{display:none;} </style>
相关文章推荐
- iOS系统的一些单例类 获取及全局应用全局样式的设置的获取
- 【转】关于div层的间隙, 还有img与div的间隙
- 【学习】苹果iPhone safari浏览器样式重置修复按钮圆角bug
- CSS字符编码引起乱码的快速解决方法
- 小问题汇总——css篇 -持续更新
- html/css学习随笔
- css精灵
- CSS字符编码引起乱码
- css之position属性
- 你可能会遇到的CSS单位
- 是否支持css3
- CSS3实践之路(六):CSS3的过渡效果(transition)与动画(animation)
- CSS hack
- Draw a Tree Structure With Only CSS
- 如何提升我的HTML&CSS技术,编写有结构的代码
- CSS 3 中 -webkit-, -moz-, -o-, -ms- 这些私有前缀
- CSS3选择器学习笔记
- 图解CSS3制作圆环形进度条的实例教程
- CSS的margin属性在页面布局中的使用攻略
- cssViewer牛逼的chrome插件