为了账号安全,请及时绑定邮箱和手机立即绑定

移动端自适应问题【rem】

移动端自适应问题【rem】

语兮 2016-07-27 10:02:36
clientWidth = document.documentElement.clientWidth; var nowPX = clientWidth / 320 * 100; document.documentElement.style.fontSize = nowPX + 'px'; 这个第二句是什么意思?320*100这个数值代表什么呢?
查看完整描述

3 回答

?
blovetu

TA贡献319条经验 获得超234个赞

320是你屏幕的宽度,以后做移动端的时候,你所做的移动页面是多大,这里就得改成多大,要不然会容易出错,我们一般用750

查看完整回答
1 反对 回复 2016-07-27
  • 语兮
    语兮
    我们美工给的设计图是720宽的 ,我应该在哪个设备标准下开发?640的是在iphone5和4的模拟设备下写 760是在6的设备下写 那她给我的720呢
  • blovetu
    blovetu
    那就把你的320改成720,这个是谁写的呀,你可以问一下,我看你的字体好像也用的这个,我们的字体一般是除以50后的单位是rem,你的这个基数是多少,看不出来
  • blovetu
    blovetu
    这个之前用过吗?用过的话,问问他这个值是怎么算的
点击展开后面2
?
慕粉3163795

TA贡献21条经验 获得超6个赞

320是你的设计稿的宽度,而100是为了你计算方便特意乘的。这样之后,假设在你的设计稿上某一个图片的宽度是100px,你在代码里就可以直接写1rem。

查看完整回答
1 反对 回复 2016-07-27
  • 语兮
    语兮
    奥~ 谢谢 如果我把那个100写成20的话 我还需要在html中设置字体大小吗fontsize{20px;}
  • 3 回答
  • 0 关注
  • 1721 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信