首页 > 解决方案 > 如何缩放(不调整大小或仅更改宽度和高度) iframe 以适应较小的设计

问题描述

我想强制将 1920x1080 的 url 缩放为 600 x 339,在我的情况下,我尝试了 3 种不同的代码但没有成功

•1• <div><iframe style="width:600;heigth:300;" ></div>
•2• <div><iframe style="width:600;heigth:300;zoom:50%;" ></div>
•3• <div><iframe style="width:600;heigth:300;transform:scale(0.5,0.5);" ></div>

我有一个 url => 这个 url 是 1920x1080(html 样式有宽度 1920 高度 1080 隐藏溢出 在此处输入图像描述

这是 •1• 常规宽度高度 在此处输入图像描述

这是•2• 变焦50 在此处输入图像描述

这是•3•规模 在此处输入图像描述

这就是我想要完成的(我拍了一张照片并缩放它以显示我想要的,但无法用 css 代码复制......) 在此处输入图像描述


我也试过这个,但它消失了

<div><iframe style="width:1920;heigth:1080;scale(0.4,0.4);" ></div>

在此处输入图像描述

有一个更好的方法吗


标签: htmlcssiframezoomingscale

解决方案


推荐阅读