发新贴  快速回复

移动端rem和px的问题

  chuqiu8220
2017-11-13 15:30

我在移动端布局的时候用less布局,采用rem单位,在小屏幕手机上显示的文字就很小,弹出框布局在小屏幕也有问题。有什么更好的方法可以解决布局

 
莫涛

字体大小用的啥,或者可以用媒询,设置几个档 然后设置固定的字体大小

2017-11-16 15:34  回复本帖
 
chuqiu8220

莫涛 2017-11-16 15:34发表的内容:

字体大小用的啥,或者可以用媒询,设置几个档 然后设置固定的字体大小

var html = document.documentElement;
var hWidth = html.getBoundingClientRect().width;
html.style.fontSize = hWidth / 16 + "px";
2017-11-16 15:40  回复本帖
 
chuqiu8220

莫涛 2017-11-16 15:34发表的内容:

字体大小用的啥,或者可以用媒询,设置几个档 然后设置固定的字体大小

用的是你们教我的代码 到小屏幕就越来越小了 字看不清楚了 弹出框都下去了
2017-11-16 15:41  回复本帖
 
多多

chuqiu8220 2017-11-16 15:41发表的内容:

用的是你们教我的代码 到小屏幕就越来越小了 字看不清楚了 弹出框都下去了
毕竟rem是相对单位,会根据设备尺寸宽度动态调整。
所以你可以使用媒询设置实际需求尺寸的字体大小(px)。
2017-11-20 17:57  回复本帖
 
chuqiu8220

多多 2017-11-20 17:57发表的内容:

毕竟rem是相对单位,会根据设备尺寸宽度动态调整。
所以你可以使用媒询设置实际需求尺寸的字体大小(px)。
不同的屏幕用不同的字体是把 写在html,body里面
2017-11-22 08:43  回复本帖
登录 后才可以发表回复