rem自适应布局-flexible。

喜欢vue的妹子
  • 52

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

回复
阅读 1.5k
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%;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏