我目前的处理方法是，写一个mix-in
@mixin screen_handle{
@media screen and (max-width: 1200px) and (min-height: 900px) {
@content
}
}
然后这样用
#container{
width: 20rem;
@include screen_handle{
width: 95%
}
>input{
padding: 1rem;
@include screen_handle{
padding: 2rem 1rem;
}
}
}
这就造成生成的csc是这样的
#container {
width: 20rem;
}
@media screen and (max-width: 1200px) and (min-height: 900px) {
#container {
width: 95%;
}
}
#container > input {
padding: 1rem;
}
@media screen and (max-width: 1200px) and (min-height: 900px) {
#container > input {
padding: 2rem 1rem;
}
}
有两个相同的@screen显然不合理，请问该如何解决？
待解决
悬赏分：0
- 离问题结束还有 54天17小时54分34秒
点赞 0反对 0举报 0
收藏 0
分享 0
