H5移动页面中margin-top/padding-top/height值在不同的手机上显示的效果不同如何解决

手机端页面两个元素之间的margin-top/margin-bottom值在苹果手机(6plus)和安卓手机下表现的效果不一样。苹果手机下的表现方式更接近设计图。
移动页面中的%是按照父容器的宽度设置的。

效果图如下
苹果手机效果:
图片描述

安卓手机:两个尺寸不同,表现的效果相同
图片描述

css设置:
图片描述

图片描述

阅读 9.4k
4 个回答

请问有使用css reset吗

把行高默认设置 list-style: none;

字体不一样,同样大小也不一样,你还使用的是相对大小。。。。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题