Question

所以我得到了一个包含视频的简单iframe。
它是响应性的，但只是“水平”。
为了清楚起见，请看一下这个简单的代码段：iFrame Sample

这是HTML：

.then((result)=> {
       var jsonReturnedValue = [...this.state.jsonReturnedValue];
       var data = {...laman};
       var length = jsonReturnedValue.length
       data['id'] = jsonReturnedValue[length - 1].id + 1
       jsonReturnedValue.push(data);
       this.setState({jsonReturnedValue})
       this.refs.Name.value="";
       this.refs.Address.value="";
       this.refs.Department.value="";
       // this.setState({ value: '' });
    })

这就是CSS：

<div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item visible-xs" src="http://www.youtube.com/embed/WsFWhL4Y84Y"></iframe>
</div>

如果您尝试水平调整页面大小，iframe会自行调整大小。
但是，如果您尝试垂直调整页面大小，它只会向上/向下滑动而不会正确调整大小...
我该如何解决这个恼人的问题？

使iframe垂直响应

0 个答案: