根据屏幕分辨率自适iframe的高度
时间: 2023-07-06 12:08:50 浏览: 79
iframe自适应高度
可以使用JavaScript来根据屏幕分辨率自适应iframe的高度。具体的实现方法如下:
1. 获取屏幕的高度
```javascript
var screenHeight = window.screen.height;
```
2. 计算iframe的高度,通常可以设置为屏幕高度的80%
```javascript
var iframeHeight = screenHeight * 0.8;
```
3. 设置iframe的高度
```javascript
document.getElementById('your-iframe-id').style.height = iframeHeight + 'px';
```
注意,这里需要将iframe元素的id替换成你实际使用的id。完整的代码示例如下:
```javascript
var screenHeight = window.screen.height;
var iframeHeight = screenHeight * 0.8;
document.getElementById('your-iframe-id').style.height = iframeHeight + 'px';
```
这样就可以根据屏幕分辨率自适应iframe的高度了。
阅读全文