rem自适应布局-flexible。
最近在看js计算rem值 将UI界面上所量到的尺寸转为px 看的有点懵逼参考了rem自适应布局-flexible。图片是描述 假如UI给我界面是宽度750px 那么我量出来的宽度是 750/100=7.5rem;
那么站我的750屏幕宽度的100% 那么在320 640尺寸下的屏幕下不应该也是等比缩放占比宽度100%吗 懵
http://caibaojian.com/rem-res...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
他这里固定的 1rem = 100px;
如果想要一个 100% 宽度也就是设计图上 750px 的元素
css 里是这样写的 width = 7.5rem;
在设备视口宽度 750px 的情况下
flexible 计算的 rem = 750 * 100 / 750; 得出 1rem = 100px, 7.5rem = 750px, 100%;
在设备视口宽度 375px 的情况下
flexible 计算的 rem = 375 * 100 / 750; 得出 1rem = 50px, 7.5rem = 375px, 100%;