Css 如何在iframe中设置图像的最大宽度_Css_Html_Iframe

Css 如何在iframe中设置图像的最大宽度

css html iframe

Css 如何在iframe中设置图像的最大宽度,css,html,iframe,Css,Html,Iframe,我有密码重要编辑：我的图像大小很小，必须扩展，但无法将css应用于iframe中的图像。给出的样式是 .ifrmClass { width:100%; background-color:#fff; height:100%; border:none; padding:0p

我有密码

重要编辑：我的图像大小很小，必须扩展，但无法将css应用于iframe中的图像。

给出的样式是

 .ifrmClass
        {
            width:100%;
            background-color:#fff;              
            height:100%;              
            border:none;              
            padding:0px;              
            margin:0px;
        }

我可以在调试模式下更改大小

<html><head><meta name="viewport" content="width=device-width"><title>landingpage.jpg (872×360)</title></head><body style="margin: 0px;"><img style="-webkit-user-select: none;width: 100%;height: 90%;" src="../Images/landingpage.jpg"></body></html>

landingpage.jpg（872×360）

现在，如何在html页面中编写相同的内容？

以下是

只需将以下代码添加到css中：

.ifrmClass {
    min-height: 200px; 
    max-height: 500px; 
}

这里是一个完全响应的解决方案，仅通过css

我希望这最终能解决你的问题

HTML

您可以尝试按如下方式更改CSS：

 .ifrmClass
        {
            width:100%;
            background-color:#fff;              
            height:100%;              
            border:none;              
            padding:0px;              
            margin:0px;
            min-height: 90%; 
            max-height: 100%;
        }

是否要更改图像或iframe的大小？请更改iframe中图像的大小抱歉。。不行！我添加了一个图像。。我需要得到的形象，以最大的工作！我不需要在我的iframe之外的图像。它会破坏我的目的。。我需要