18168733823 在线客服 意见反馈 返回顶部
行业动态 技术分享

苏州网站建设中vw单位换算

2019-12-03 分享
这次和大家分享的移动端vw、rem和px等单位的换算。一般来说拿到移动端设计的页面宽是750px,那么实际使用vw,单位应该怎么换算,下面给大家分享个思路:

假设默认的750px = 100vw,那么1px等于多少vw呢? 是不是 1px = 100 / 750 vw = 0.13333vw;那么100px = 多少vw呢,这个应该知道了吧。100px = 13.33vw;

所以可以得到以下的换算:

mobile.width = 750px  => 750px = 100% =100vw => 750px = 100vw => 1px = 0.1333vw => 100px = 13.33vw => 1rem =100px;
 
即:我们把html:{font-size: 13.33vw} // 也就是以100px位基准;1rem = 100px;
 
现在就好算多了;移动端的尺寸 / 100  =  XXX rem;

另外通过JS也可以实现该效果,提供下参考

 
在线咨询
Copyright © 2019 江苏如斯镁科技有限公司 版权所有 苏ICP备19052370号-3   友情链接: 在线商城 网站地图