现在移动端还用rem吗？nonono

问题

之前写移动端时选取的办法是全rem布局，除了1px的边框其他都会把px替换会rem，然后js在页面初次访问时动态设置html标签的宽度。

但是目前有同事提到，如果都使用rem，会导致小屏中字体太小，大屏中无法比小屏看到更多的内容。

但是我有些疑惑，如果使用px保证了字体的大小，是否也就意味着小屏中会因为放不下对应的东西导致布局错位？

解决

因为在大多数场景下，用户使用更大的屏幕，是想看到更多的内容，而不是更大的字。

一般字体不用rem，都用px，因为正常来说不管屏幕大小，用户都希望看到的字体是一样大的，至于说错位可以在布局的时候尽量是自适应的（flex）

总结：字体依旧使用px。布局尽量使用flex

现在移动端还用rem吗？nonono相关推荐

pc端和移动端px和rem的转换
关于pc端和移动端px和rem的转换直接复制下方代码 (function (doc, win) {var docEl = doc.documentElement,resizeEvt = 'orien ...
22-移动端布局方式-rem
文章目录移动端布局rem 一.移动端布局需要进行计算适配二.关于dpr的推算三.推算移动端布局公式四.移动端布局单位 rem 五.关于移动端布局rem方式的总结移动端布局rem 一.移动端布 ...
移动端布局(三) rem布局及原理
什么是rem 首先来了解一下什么是em: 作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小. s1.s2.s5.s6的font-size和line-he ...
移动端适配方案(rem和vw vh适配)(css预处理器-less)
适配方案: 目前移动端适配方案有两种: 1.flex+rem单位当前市面上用的比较多相对主流(比如小米和淘宝移动端) 2.flex+viewport width/viewport height(v ...
html px转换,pc端px转换为rem针对屏幕分辨率进行页面适配
常用的pc端网站适配方案是什么?用的最多的大概就是父元素按照设计图的宽度进行固定宽度,margin:0 auto居中,两边留白.但是有的设计图不适合这样两边留白的适配方案. 最近接手了一个pc端的项目 ...
微信小程序禁止刷新之后苹果端还可以下拉的问题
一.问题描述最近在做一个小程序项目,需要禁止下拉刷新,于是在page.json里面添加了这段话 "enablePullDownRefresh":false 全局关闭下拉刷新,这段 ...
rem布局 html,移动端h5之rem布局／px2rem
rem布局之媒体匹配最早的时候用的rem适配方法,通过手动设置媒体查询对不同设备进行设置font-size // 自适应 // ------------------------ html{ font ...
移动端相关 em rem px 区别和关联
移动端布局计量单位 em单位大小与父级字体相关 rem单位大小与html字体相关
移动端开发使用rem时动态设置html的字体大小
1.动态设置html的字体大小移动端开发时习惯使用rem单位,而rem是基于根html的字体大小的,为了适配不同尺寸屏幕需要动态设置html字体的大小.我们一般习惯于设置html的字体大小是基于iP ...
移动端px和rem的换算
今天又遇到了移动端rem的计算,感觉自己弄了很多遍,还是迷迷糊糊,今天参考了很多网站上的文章,重新整理一遍: 看根元素html里面设置的font-size是多少(50)px,即认为1rem为多少(50 ...

现在移动端还用rem吗？nonono

问题

解决

现在移动端还用rem吗？nonono相关推荐

最新文章

热门文章