問題描述

手機(jī)網(wǎng)頁(yè)布局是兩個(gè)li一行占滿寬度

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是根據(jù)html的font-size來(lái)自動(dòng)變的。請(qǐng)問這個(gè)li的初始寬高值怎么計(jì)算呢？

問題解答

你rem是怎么算的？拿我的計(jì)算方式說(shuō)吧！我計(jì)算的方式，就是：(屏幕寬度/效果圖寬度)*100+’px’;比如效果圖是750，屏幕375,1rem=(375/750)*100+’px’,就是1rem=50px如果一張圖片在效果圖上寬為100px,高為50px;那個(gè)樣式設(shè)置就是img{height:.5rem;width:1rem;}

但是我不明白就是，兩個(gè)li占滿一行，li寬度設(shè)置50%不就好了？