IOS safari浏览器iframe撑大兼容等记录

直接进入正题
一、IOS的safari浏览器处理iframe有点特殊情况,在加载的dom中如果内容比较容器的iframe大,则会撑大容iframe,体验很不爽。无论是设置固定的大小,如width:100px,还是在其load完成后设置大小都是无效的。
以下两种解决办法:

1、设置样式和属性“width: 1px !important; min-width: 100%;" scrolling="no"”


优点简洁方便使用,缺点固定显示大小、无法滚动

2、在外层嵌套一个容器,并固定容器的大小,设置overflow:scroll

当然缺点也是有的,多写了嵌套的html,但是内容可以正常滚动。

二、new Date()在safari浏览器中的兼容,无论iSO还是macOS中都会造成invalidDate错误。new Date(dateStr)中,dataStr格式不能有 -(减号),例如 2019-10-30 21:32:32
故需要将-替换为/

var times = '2019-10-30T21:32:32';
  if (times.indexOf('T') > 0) {
    times = times.replace('T', ' ');
  }
times = times.replace(/-/g, "/");
var d = new Date(times);
console.log(d);

你可能感兴趣的:(IOS safari浏览器iframe撑大兼容等记录)