移动端常见兼容问题

地址：http://blog.csdn.net/hardgirls/article/details/51722519

 

1.文字两端对齐，这里以p标签为例，兼容safri：

p{

　　text-align:justify;

}

p:after{

　　content:'';

　　*display:inline-block;

　　*width:100%;

　　visibility:hidden;

　　height:0;

}

带星号的为关键代码

 

2.flex布局元素子孙元素下height样式失效（在safri可复现）：

在子元素上添加position：relative，即可使height设置生效。子元素有了生效的height后，孙元素及其后代元素便能通过正常方式，设置高度。

3.ios上滚动不流畅

在滚动的元素上添加样式：-webkit-overflow-scrolling:touch

深入-webkit-overflow-scrolling：https://www.cnblogs.com/xiahj/p/8036419.html