[代码分享]css自适应常用语句

自适应能让你的网站在pc端和手机端都能完美的展示你的网站,下面就列出几个常用语句:

@media screen and (min-width: 1201px) {

.abc {width: 1200px}
}
/* css注释:设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */

@media screen and (max-width: 1200px) {
.abc {width: 900px}
}
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */

@media screen and (max-width: 901px) {
.abc {width: 200px;}
}
/* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */

@media screen and (max-width: 500px) {
.abc {width: 100px;}
}
/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */

看完文章or资源,小编奖励大家支付宝红包一个,可领高达99块,每天都能领一次,支付宝举办的,100%安全。

已有6173人领取了红包,红包使用方法,请戳>>

扫码关注资源坊68bt.cc

本博客所有文章如无特别注明均为转载于网络,版权为原作者所有如侵权请在相应文章下留言谢谢合作。
复制或转载请以超链接形式注明转自 资源坊友情提示:微信扫码可订阅本博客!
原文地址《[代码分享]css自适应常用语句

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)