简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
css - H5移动页面中margin-top/padding-top/height值在不同的手机上显示的效果不同如何解决
PHP中文网
PHP中文网 2017-04-17 13:37:32
0
3
888

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

效果图如下
苹果手机效果：

安卓手机：两个尺寸不同，表现的效果相同

css设置：

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(3)
Peter_Zhu
Peter_Zhu2017-04-17 13:39:32 3 floor

请问有使用css reset吗
Like +0
Add Reply
巴扎黑
巴扎黑2017-04-17 13:39:32 2 floor

把行高默认设置 list-style: none;
Like +0
Add Reply
巴扎黑
巴扎黑2017-04-17 13:39:32 1 floor

字体不一样，同样大小也不一样，你还使用的是相对大小。。。。
Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！