媒体查询使用

it2024-08-08  47

可以同时适应pc端、ipad端和手机移动端

/* pc端 */ @media screen and (min-width: 992px){ .box{ background-color: red; } } /* ipad */ @media screen and (max-width: 992px) and (min-width: 768px){ .box{ background-color: green; } } /* 移动端 */ @media screen and (max-width: 768px){ .box{ background-color: lightblue; } }

 

最新回复(0)