文章详情页
html5 - 手机自适应的图片高度rem是怎么计算的
浏览：67日期：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优化 - mysql count(id)查询速度如何优化?2. python - django 里自定义的 login 方法，如何使用 login_required()3. javascript - git clone 下来的项目 想在本地运行 npm run install 报错4. node.js - node_moduls太多了5. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？6. angular.js - 不适用其他构建工具，怎么搭建angular1项目7. 主从备份 - 跪求mysql 高可用主从方案8. android-studio - Android 动态壁纸LayoutParams问题9. python如何不改动文件的情况下修改文件的 修改日期10. 在Java中System.out.println 只能在method中使用吗?
排行榜
网公网安备