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

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

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#access .menu-header ul,
div.menu ul {
	line-height:26px;
}
}

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