隽永东方
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上识别出来了这行代码的时候正好覆盖上方相同标签的代码。



 

隽永东方温馨提示:隽永东方已正式成为Shopify官方Partner,享有以下特权:
1,凡是通过隽永东方申请的Shopify测试账号,均可以60天免费试用,而无需支付任何费用,只需要正式开通以后才开始付费;
2,隽永东方将提供Shopify官方第一手资源,助力企业最快捷搭建电商营销平台;
3,隽永东方将不定期举办线下Shopify交流研讨会,为广大客户提供相互交流提升的平台。

立即注册 Shopify 账号



Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用
  Google Ads 推广
  全网营销套餐
  隽永智库