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宽度 */
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《IT技术宅》。
- 本文网址:https://www.ilt.me/dmfx/17.html
- 上篇文章:给网站加入欢迎语音
- 下篇文章:纯css实现打字效果