css - 关于垂直居中兼容问题

查看:72
本文介绍了css - 关于垂直居中兼容问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

最近在写一个小项目可以说是换了一个锤子手机。怎么调都不居中最后使用伪类调整上下距离看起来每个设备都没问题,我的锤子一个小米还有苹果看起来都居中了,尤其是图标和问题在一排的问题,到底怎么才能都兼容都居中呢???看了几个大型的网站竟然也不是居中的。难道只有我锤子有这个问题吗??不需要做兼容吗?好像还有一个小米也是类似的问题,下面是截图,分别是易车、苏宁易购拼团的、58同城、还有京东。审查代码都是通过height和line-heightt一样的值来居中,但是在我锤子上面真的不是居中的。需要做兼容吗?有什么好的办法吗?? 用flex布局也无法居中。。感觉是line-height的问题。

解决方案

font-size和line-heignt 的问题

  1. font-size不能为单数和有小数点, 比如用rem就可能出现小数点不可能居中,最好选12px,14px,16px这些

这篇关于css - 关于垂直居中兼容问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆