iOS兼容性(不断完善)

1、iOs不支持iframe,不支持flash,如果移动端要嵌入视频,请用html5 的video标签。

2、dom对象位于最底部(或底部的对象position为absolute或fixed),margin-bottom无效,解决办法:改成 padding-bottom

3、js日期转换问题,如果日期格式为"2019-01-01",new Date("2019-01-01")会报错。无法转换。

解决方法:把"-"替换成"/"

4、overflow-y:scroll无效

safari浏览器在构建render tree的时候,会预先找到相应的overflow: scroll元素,在计算页面layout的时候,会计算父元素的高度与子元素的高度,若子元素高于父元素,则在render页面时为其建立一个原生的scrollView。当子元素的高度小于父元素的高度时,safari不会给父元素一个原生的scrollView。

这里我Lists中的内容初始是小于父元素.small-nav的高度的,所以在ios的解释中不会给父元素添加一个scrollView。

解决:我们可以设置让浏览器一开始就给父元素增加scrollView,当我们的内容撑开,高过父元素的时候,就可以进行滑动。

min-height: calc(100% + 1px);

 5、IOS下使用定位的子元素,不能覆盖使用定位的父元素平级元素;

动态改变-webkit-overflow-scrolling: touch的值 为auto。

posted on 2018-10-19 17:22  阿提  阅读(387)  评论(0编辑  收藏  举报

导航