媒体查询 @media 计算宽高的方法
先看代码
<img
class="img_l"
src="../../../static/img/homemian.png"
alt=""
>
.img_l {
position: absolute;
top: 46px;
right: 0px;
width: 1141px;
height: 594px;
}
@media screen and (max-width: 1367px) {
.img_l {
position: absolute;
top: 34px;
right: 0px;
width: 798px;
height: 415px;
}
}
上面的是一张图片
ui设计的默认宽度是1920 然后我们要适配笔记本的分辨率为1366768
那么我们就可以这样换算 1366/19201141
1141就是我们图片的原始宽度 得到的值就是 我们笔记本所要的尺寸 可以根据实际效果更改
记录一下
