html5 - Bagaimanakah ketinggian ketinggian gambar penyesuaian telefon mudah alih dikira?

Question

Susun atur halaman web mudah alih ialah dua li dan satu baris menempati lebar penuh

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 ditukar secara automatik mengikut saiz fon html.
Bagaimana untuk mengira nilai lebar dan ketinggian awal li ini?

Answer 1

Bagaimana anda mengira rem?
Beritahu saya kaedah pengiraan saya! Cara saya mengiranya ialah: (lebar skrin/lebar gambar kesan)*100+'px';
Sebagai contoh, gambar kesan ialah 750 dan skrin ialah 375, 1rem=(375/750)*100+'px' , iaitu 1rem=50px
Jika gambar adalah 100px lebar dan 50px tinggi dalam pemaparan; tetapan gaya ialah img{height:.5rem;width:1rem;}

Tetapi apa yang saya tidak faham ialah jika dua li menduduki satu baris, tidakkah cukup untuk menetapkan lebar li kepada 50%?