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

急求!!!!我的屏幕尺寸是1330 设计稿是1920 实现响应式布局我该怎么设置根html的font-size

急求!!!!我的屏幕尺寸是1330 设计稿是1920 实现响应式布局我该怎么设置根html的font-size

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

2 回答

?
一只萌萌小番薯

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

使用的时候按照1920的设计稿来做。100px=1rem
                            
查看完整回答
反对 回复 2019-07-27
?
心有法竹

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

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

添加回答

举报

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