响应式用js设置根元素的大小

来源：4-7 主要内容样式2

future_18

2018-07-23

var htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
var htmlDom = document.getElementsByTagName('html')[0];
htmlDom.style.fontSize = htmlWidth/1920*100 + 'px';

加入设计稿是1920px的图片，这样设置根元素字体大小可以吗？其他的直接量设计稿，全都用rem写

写回答

1回答

姜维

2018-07-31

这样设置没啥问题，不过没有阈值，所以在小屏幕下，基本上字就很小了。你要考虑很多设计并不是等比例缩放的，而是根据屏幕大小不同，元素的排布都有可能不同。

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程

相似问题

body的font-size为什么没有参照根元素 html 去设置font-size，里面的标签好像没有问题

回答 1

微站也是响应式的页面吗？

回答 1

关于合成图片的响应式问题

回答 2

响应式图片设置方式

回答 1

响应式布局元素的定位问题

回答 1

打开慕课网App查看更多内容