关于@media
来源:互联网 发布:ipad淘宝横屏版 编辑:程序博客网 时间:2024/05/21 10:12
将website里首页适配,原网页不能自如的伸缩,且不能在手机上很好的浏览。
1.小于960px的尺寸的写法:@media screen and (max-width:960px){
body{
background:#000;
}
}
是media的标准写法,当页面小于960px时,执行下面的css
2.等于960px尺寸的写法:@media screen and(max-device-width:960px){
body{
background:red;
}
}
当页面等于960px时,执行下面的css
3.大于960px尺寸的写法:@media screen and(min-width:960px){
Body{
Background:orange;
}
}
当页面大于960px时,执行下面的css
4.混合使用上面的用法:@media screen and(min-width:960px)and(max-width:1200px){
body{
Background:#000;
}
}
当页面宽度大于960px小于1200px的时候执行下面的css
0 0
- 关于@media
- 关于Block Media Recovery
- 关于Flash Media Server
- 关于@media优先级问题
- 关于@media无法识别问题
- 关于@media的一些东西
- media
- media
- @media
- Media
- media
- 关于javascript控制Windows Media Player
- Media Management Library--关于介质管理库
- 关于Windows Media Services的几个问题
- 关于CSS3中Media Queries使用方法
- 关于微信报错media data missing的解决方案
- 关于h5的media元素总结
- 关于windows media player不能观看在线电影
- intellij idea 2016破解方法
- 进击的KFC: translucent 和 automaticallyAdjustsScrollViewInsets
- audio HAL与kernel联动过程中几个关键的函数分析
- 使用DEV GridControl导出 DataTable
- 转载:vc6.0 打开文件的时候出现Microsoft Visual C++:MSDEV.EXE 应用程序错误
- 关于@media
- Myeclipse清除缓存工作空间
- Oracle密码忘记重置方式
- java设计模式-工厂模式
- 网络资源-黑马程序员Java 知识——精华总结
- git操作
- 【Leetcode】453. Minimum Moves to Equal Array Elements
- Hibernate框架的相关知识点及面试题
- eclipse IPreferenceStore