css里自适应@media,min-width的使用方法。

最近有客户老问我@media代码区别不出来,今天我把这个最简单化给大家写下。

当屏幕大于468px的时候,wap这个要执行display:none就是影藏起来这个css。

@media (min-width: 468px) {
.wap {display:none}
}

当屏幕小与1024px的时候,pc这个要执行display:none就是影藏起来这个css。

@media (max-width: 1024px) {
.pc { display:none}
}

原文链接:https://www.um80.com/355.htm,转载请注明出处。

0
金秋上云特惠新人专享

评论0

本站所有素材,站长均亲自测试过,可放心使用,有什么问题联系我们!18091738064(微信)

社交账号快速登录

Copyright   ©2017-2021  U码80  陕ICP备17013443号-1  

陕公网安备 61032402000158号