隽永东方设计工作室
Eastern Design Studio Menu

解决iPad Safari下line-height后文字偏下的问题教程

1 星2 星3 星4 星5 星
(4 票, 评分: 4.75 总分 5)  

最近做的一个项目有涉及iPad底下的兼容性问题,其中一个应该算是iPad显示的bug问题,就是文字通过设置高度height和行距line-height来垂直居中的时候,在PC上显示效果很好,但是在iPad上显示明显偏下,尝试过直接修改line-height来使iPad上显示正常,但是pc上又明显偏上了,于是想到只能通过针对iPad css hack的形式来添加一条只运行于iPad上的样式才行,通过google找到了一条完美的解决方案,不敢独享现在分享给大家:

针对这个代码简单做个说明,@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {写入你需要hack的代码},这条css格式就是只有iPad上才会运行,记住一定要把这条记录放于被hack的css下方,这样才会在iPad上识别出来了这行代码的时候正好覆盖上方相同标签的代码。



       


  售前在线询价单
  全网营销套餐
  隽永东方学院