html5 - Wie wird die Höhe des adaptiven Mobiltelefonbilds berechnet?

Question

Das Layout der mobilen Webseite besteht aus zwei Zeilen und einer Zeile, die die gesamte Breite einnimmt

li {
    width: 7.375rem;
    height: 4.5rem;
    float: left;
    margin-left: .4rem;
    position: relative;
}
li img{ width: 100%; height: 4.5rem; display: block; border-radius: .3rem; overflow: hidden; background-color: #fff;}

rem wird automatisch entsprechend der Schriftgröße von HTML geändert.
Wie berechnet man den anfänglichen Breiten- und Höhenwert dieses Li?

Answer 1

你rem是怎么算的？
拿我的计算方式说吧！我计算的方式，就是：(屏幕宽度/效果图宽度)*100+'px';
比如效果图是750，屏幕375,1rem=(375/750)*100+'px',就是1rem=50px
如果一张图片在效果图上宽为100px,高为50px;那个样式设置就是img{height:.5rem;width:1rem;}

但是我不明白就是，两个li占满一行，li宽度设置50%不就好了？