加入媒体查询后手机端css可以使用,但是电脑端css无效?
我的写法是这样的
@media screen and (max-width: 1023px) {
.button-module_container__ssMyd2 {
width: 100%;
margin-left: 0%;
transform: scale(1.1);
margin-top: 3vw;
padding: 1.3vw;
border-radius: 0.9vw;
}
}
.typography-module_body1Bold__ghm177 {
font-weight: 700;
color: #fff !important;
}
我发现手机端typography-module_body1Bold__ghm177 有效果 但是电脑端却和失去效果一样。
而且只有个别css失效,其他都是可以正常使用的。
打开f12发现typography-module_body1Bold__ghm177样式前覆盖着@media screen and (max-width: 1023px)但是根本没有。
答案@media screen and (max-width: 1023px) {里面有一个是少了一个花括号,把后面的样式都包括进去了。
标签:__,media,无效,module,查询,width,body1Bold,css From: https://www.cnblogs.com/xxdmua/p/17582219.html