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。