css 自适应宽度 需要设置的范围标准?
/* 超小设备(手机,小于 768px) */
/* Bootstrap 中默认情况下没有媒体查询 */
/* 小型设备(平板电脑,768px 起) */
@media (min-width: @screen-sm-min) { … }
/* 中型设备(台式电脑,992px 起) */
@media (min-width: @screen-md-min) { … }
/* 大型设备(大台式电脑,1200px 起) */
@media (min-width: @screen-lg-min) { … }
min-width: *px
浏览器宽度不小于*px的时候加载…
max-width:*px
浏览器不大于*px的时候加载
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css 自适应宽度 需要设置的范围标准?</title> <style type="text/css"> @media screen and (min-width: 1201px) { } /* 设置了浏览器宽度不小于1201px时 */ @media screen and (max-width: 1200px) { } /* 设置了浏览器宽度不大于1200px时 */ @media screen and (max-width: 992px) { } /* 设置了浏览器宽度不大于900px时 */ @media screen and (max-width: 768px) { } /* 设置了浏览器宽度不大于500px时 */ </style> </head> <body> </body> </html>
上一篇:用background-size实现 背景图片自适应浏览器大小不变形
下一篇:没有了
下一篇:没有了
推荐栏目
本站推荐
百度站内搜索
Copyright © 2007-2014 海鬼 保留所有权利.
无心无力无时间来进行无用的备案
Theme by 海鬼 坚持不一定胜利 也许你在南辕北辙!