文章詳情頁
html5 - 手機自適應的圖片高度rem是怎么計算的
瀏覽:167日期:2023-06-16 11:53:55
問題描述

手機網頁布局是兩個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是根據html的font-size來自動變的。請問這個li的初始寬高值怎么計算呢?
問題解答
回答1:你rem是怎么算的?拿我的計算方式說吧!我計算的方式,就是:(屏幕寬度/效果圖寬度)*100+’px’;比如效果圖是750,屏幕375,1rem=(375/750)*100+’px’,就是1rem=50px如果一張圖片在效果圖上寬為100px,高為50px;那個樣式設置就是img{height:.5rem;width:1rem;}
但是我不明白就是,兩個li占滿一行,li寬度設置50%不就好了?
標簽:
Html5
相關文章:
1. mysql - 千萬級數據表如何有效的變更字段?2. php - SQL 一條語句查詢出文章和對應的文章標簽3. mysql多表查詢4. 下載32位vc9和11、14運行庫時解壓錯誤5. php mysql數據庫 產品分類與產品詳情應該怎么做?6. 新建index文件夾,然后把controller 以及文件index.php放入index文件夾。修改htaccess文件為擴展訪問。但是訪問的時候提示頁面錯誤!請稍后再試。PHP版本正常,請老師解答7. php+mysql 高并發 根據id 循環下載數據如何避免重復 (接口)8. java - mysql緩存問題9. java - 觸發器使兩張表同時更新10. 請問一下,圖片上傳成功,但是后臺對應文件夾里面卻沒有圖片,這是什么原因?(已部署到服務器)
排行榜

網公網安備