文章詳情頁(yè)
html5 - 手機(jī)自適應(yīng)的圖片高度rem是怎么計(jì)算的
瀏覽：160日期：2023-06-16 11:53:55
問(wèn)題描述
手機(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)問(wèn)這個(gè)li的初始寬高值怎么計(jì)算呢？
問(wèn)題解答
回答1：你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%不就好了？
標(biāo)簽：
Html5
相關(guān)文章：
1. docker - 各位電腦上有多少個(gè)容器啊？容器一多，自己都搞混了，咋辦呢？2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. mac里的docker如何命令行開(kāi)啟呢？4. 關(guān)于docker下的nginx壓力測(cè)試5. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題6. nignx - docker內(nèi)nginx 80端口被占用7. docker容器呢SSH為什么連不通呢？8. 如何解決Centos下Docker服務(wù)啟動(dòng)無(wú)響應(yīng)，且輸入docker命令無(wú)響應(yīng)？9. docker start -a dockername 老是卡住，什么情況？10. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備