css - 移动端定位在ios下显示不正常，在Android上显示正常

问题描述

问 题

ios（iphone 6）上显示不正常：

安卓上（红米note4）显示正常

]

心好塞~~~
这究竟是什么问题呢？有详细的解释说明吗？

补充代码：

css就不贴了，感觉没什么好贴的！就是em做了相对定位：position：relative；top：-0.6rem；

二次补充：

根据热心网友的建议：

尝试了一下，结果如下图：左边是Android，右边是ios，正常显示。多谢~~~

不过能说说为什么嘛？？？我基本上都是用rem作为单位，定位的话，用rem有问题？？？

ps后话：后来使用span标签：float：left；display：inlike-block；max-width：**；来写了，也能实现这个效果。感觉没事还是少用定位，之前也遇到类似的坑~~~

解决方案

rem 使用 root font-size 的尺寸，但是不同浏览器中大小可能不一致，或有一些关于最小尺寸的限制，涉及到跨平台的时候可以注意下

这篇关于css - 移动端定位在ios下显示不正常，在Android上显示正常的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！