2020-06-01 活用@media 查询
2020-06-01 本文已影响0人
浩克啊12138
@maxWidth=780px;
.manage {
height: 441px;
@media screen and (max-width: @maxWidth) {
height: 316px;
padding: 39px 34px;
}
}
当页面宽度小于@maxWidth的时候,在当前位置添加height: 316px; padding: 39px 34px;
@maxWidth=780px;
@media screen and (min-width: @maxWidth) {
position: relative;
}
当页面的宽度大于于@maxWidth的时候,在当前位置添加position: relative;