背景：
某天我老板说要左侧的这个app 圈红线处 跟右侧app 的icon一样,但我用了rem 做布局之后发现在我华为手机上 两个app中 的icon大小是一样的 但是其他设备 例如iphone7plus 上左侧的icon 明显大于右侧 想知道这问题怎么解决
写法：
左侧app 和右侧app 是相同的排版
但是写法不一样 左侧用的是flexble.js 加上rem做单位
右侧虽然也是rem 但并没有js去动态改变font-size的大小，而是直接用html {font-size:14px} 加上rem的写法
移动端 h5 (rem px 的不同写法造成视觉上的偏差，求解决 )
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
8条回答
asakurayohj 2018-06-20 11:02关注按你的描述，不一样大不是正常的吗？flexble.js是以视口宽的1/10为font-size，然后1rem相当于视口宽的1/10之一了，是响应式的写法，而另一个你直接写死font-size为14px，那1rem不就是14px固定的了吗，另外，设置viewport的大小也会影响你的布局
解决 无用评论 打赏举报 分享
- 2022-11-05 17:24回答 2 已采纳 题主加了媒体选择，浏览器可视宽度在375~413px之间html中样式才会生效，需要在浏览器中运行。 编辑器应该没发识别media query，参考的是另外一个html中的font-size（40px
- 2022-09-28 14:42回答 1 已采纳 也行 。没啥影响的 。只不过 为了好算 一般都是 10px =1rem body { font-size:62.5%; } /* =10px */ https://www.cnblogs.com/
- 2022-08-23 11:02回答 2 已采纳 不好的写法，window.onresize 会一直计算，然后算出来的值有 0.xxxxpx 很不好。建议用媒介属性。@media根据屏幕大小，设置几个间隔 改变 html 的 font size1re
- 2021-01-13 17:51陶亦心的博客 理：px2rem.pnggulp脚手架下安装gulp-px2rem-plugin模块npminstallgulp-postcss--save-devgulpfile.js文件内处理vargulp=require('gulp');varpostcss=require('gulp-postcss');varpx2rem=require('postcss-px2rem');...
- 2021-06-23 02:07回答 2 已采纳 试试用百分比布局。或者禁止缩放
- 2022-12-22 18:05回答 1 已采纳 复制文本到控制台，正则匹配吧 要想快的话
- 2023-04-12 18:40回答 5 已采纳 引用new bing部分回答作答：您在命令行中使用的参数 --window-position 和 --window-size 可能不起作用的原因是，Chrome 和 Edge 可能会忽略这些参数，因为
- 2023-04-14 22:22小爱同学-Allen的博客 vue移动端适配方案 - px 转 rem
- 2019-08-19 15:57回答 1 已采纳 将总页面高度设置为100vh，或者设置window.innerHeight 试试？
- 回答 2 已采纳 postcss-pxtorem会将你项目中的px转为rem，所以在开发中不必使用px to rem工具，px to rem只能设置整数，按道理来讲，如果要用需要配置37.5 如果是使用了vant，也可
- 2022-04-27 10:04回答 3 已采纳 const startButton = document.getElementsByClassName("start-button");返回的是dom数组，要专为dom对象才有innerHTML属性c
- 2021-06-15 00:37babyquant的博客 rem布局之媒体匹配最早的时候用的rem适配方法，通过手动设置媒体查询对不同设备进行设置font-size// 自适应// ------------------------html{font-size: 38px;}@media only screen and (min-width: 320px) {...
- 2021-09-29 10:53回答 3 已采纳 在html 里面是 font-size 不是fone-size 你看一下 名字写错了
- 2023-04-24 22:00muzidigbig的博客 做移动端的适配我们就是要考虑，对于不同大小的手机屏幕，怎么动态改变页面布局中所有盒子的宽度高度、字体大小等。这个问题我们可以使用相对单位rem。那么什么是 rem？rem（font size of the root element）是指相...
- 2020-12-31 09:38圭多达莱佐的博客 一、添加meta另外移动端还可以加上以下meta二、引入js!function () { var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}...
- 2021-06-11 11:10andrew shen的博客 问题提出这是一个比较老的问题了，我第一次注意到的时候，是UI设计师来找我麻烦，emmm那时候我才初入前端职场，啥也不懂啊啊啊啊啊，情形是这样的：设计师拿着手机过来：这些边框都粗了啊，我的设计稿上是1px的我：...
- 2021-10-29 17:57可恶吧的博客 rem，px，vw，em的单位，区分转换 rem，相对字体单位，相对HTML的字体尺寸； px，最常见的单位，屏幕的物理像素显示的点，通常一个物理像素点，他是根据屏幕大小去判定的呀，有时候屏幕大了会代表2个像素点； vw，...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 虚拟机打包apk出现错误
- ¥30 最小化遗憾贪心算法上界
- ¥15 用visual studi code完成html页面
- ¥15 聚类分析或者python进行数据分析
- ¥15 逻辑谓词和消解原理的运用
- ¥15 三菱伺服电机按启动按钮有使能但不动作
- ¥15 js，页面2返回页面1时定位进入的设备
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
- ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝