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

萌新求教!我的屏幕尺寸是1330 设计稿是1920 实现响应式布局我该怎么设置根html的font-size十分感谢

萌新求教!我的屏幕尺寸是1330 设计稿是1920 实现响应式布局我该怎么设置根html的font-size十分感谢

www说 2019-08-11 15:06:23
最近接手一个项目,要实现响应式布局。静态页面说来也简单,但是设计稿给我发过来只有一张1920的设计稿,我打算用rem。并且页面最宽就是1920。我该怎么划分媒体查询的边界呢?然后每个区间的font-size设置成多少可以匹配设计稿?
查看完整描述

2 回答

?
慕田峪9158850

TA贡献1794条经验 获得超7个赞

使用的时候按照1920的设计稿来做。100px=1rem
                            
查看完整回答
反对 回复 2019-08-11
?
森栏

TA贡献1810条经验 获得超5个赞

setRemFontSize()varremSize=window.innerWidth/19.2;
document.querySelector("html").style.fontSize=remSize+"px";
}
setRemFontSize();
window.addEventListener("resize",function(){
setTimeout(function(){
setRemFontSize();
},200)
                            
查看完整回答
反对 回复 2019-08-11
  • 2 回答
  • 0 关注
  • 835 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号