html5 - Bagaimanakah ketinggian ketinggian gambar penyesuaian telefon mudah alih dikira?-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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

怪我咯 2017-06-22 11:53:24

1090

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?

怪我咯

走同样的路，发现不同的人生

membalas semua (1)

仅有的幸福2017-06-22 11:55:24 Tingkat 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%?