rem自适应布局-flexible。

发布于 2022-09-11 19:08:42 字数 371 浏览 21 评论 0

clipboard.png
最近在看js计算rem值 将UI界面上所量到的尺寸转为px 看的有点懵逼参考了rem自适应布局-flexible。图片是描述 假如UI给我界面是宽度750px 那么我量出来的宽度是 750/100=7.5rem;
那么站我的750屏幕宽度的100% 那么在320 640尺寸下的屏幕下不应该也是等比缩放占比宽度100%吗 懵
http://caibaojian.com/rem-res...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怂人 2022-09-18 19:08:42

他这里固定的 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%;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文