如何使iframe高度与浏览器相同

Question

我正在使用<iframe src="https://example.com" width="100%" height="610"></iframe> 我想使iframe高度与我的浏览器相同，我不知道如何，我尝试了以下内容，但没有一个有效：

1. height="100%"
2. height="calc(100vh)"

我也将我的iframe放入我的左侧导航栏，即使我改变了我的导航栏高度，即使我放height="100%"，仍然不会改变iframe高度。

请帮助我，我更喜欢使用CSS而不是javascript，但如果我不得不使用javascript。

Answer 1

仅供你在数学时使用calc()，calc(100vh - 100px)

vh是CSS3的一部分，因此使用height=属性将无效（它仅支持HTML4中的像素或％，HTML5中仅支持像素）;您需要改为使用style="height: 100vh;"。

我会习惯使用width，height或任何其他属性来改变元素的外观，并通过class或{{排他地使用CSS 1}}。