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

小白,请教各位大佬!我的屏幕尺寸是1330 设计稿是1920 实现响应式布局我该怎么设置根html的font-size求大佬指点!

小白,请教各位大佬!我的屏幕尺寸是1330 设计稿是1920 实现响应式布局我该怎么设置根html的font-size求大佬指点!

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

2 回答

?
有只小跳蛙

TA贡献1824条经验 获得超8个赞

使用的时候按照1920的设计稿来做。100px=1rem
                            
查看完整回答
反对 回复 2019-09-26
?
繁星点点滴滴

TA贡献1803条经验 获得超3个赞

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

添加回答

举报

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