宽高比/特定宽度下的自适应iFrame

时间:2019-04-09 12:36:07

标签: javascript iframe

我在测试网站上有一个iframe,在较小尺寸的屏幕上添加黑色边框的情况有点奇怪。

所有宽度大于792px的屏幕尺寸都是完美的,但是在此分辨率下不是。

我已经根据某些移动设备的屏幕宽度测量了iframe所需的高度,并列出了以下列表:

屏幕宽度:320像素,然后iframe的高度需要:135像素
屏幕宽度:375像素,然后iframe的高度需要:166像素
屏幕宽度:384像素,则iframe的高度需要为:171像素
屏幕宽度:411像素,则iframe的高度必须为:186像素
屏幕宽度:414像素,则iframe的高度需要为:188像素
屏幕宽度:768像素,则iframe的高度必须为:387像素
屏幕宽度:792px,则iframe的高度需要:395px

但是,我不确定如何确定宽高比并自动将iframe的高度设置为正确的值...

我当然可以遍历每台设备的所有这些断点,但是肯定有一种更简单的百分比/长宽比调整高度的方法吗?

0 个答案:

没有答案