用Python烧瓶中的CSS填充至宽度

我试图在一个网页中显示4个网页，所以基本上把屏幕分成4个象限，每个象限显示一个网页。我已经完成了这项工作，包括使用HTML在Python的flask web框架中包含以下代码。但是，该图像无法正确缩放以反映浏览器窗口大小的更改，并显示滚动条。我怎样才能解决这个问题？干杯

从烧瓶导入烧瓶
app=烧瓶（名称）
@应用程序路径（“/”）
def home（）：
url=”http://www.designpointfurniture.com/wp-content/uploads/2019/01/test-5.jpg"
返回“”
"""
如果“名称”=“\uuuuuuuu主要”：
应用程序运行（“0.0.0.0”，端口=“8005”）

听起来你真正的问题是“我能让iframes响应吗？”答案是。。。不，iframes因反应迟钝而臭名昭著

根据页面的用途，您可以：

• 如果您有权编辑iFrame中的原始页面，请先编辑页面。使它们具有响应性（预iframe），这将使页面在最终出现在iframe中时看起来很好。但是，在iframe中出现内容后，您无法使其响应
• 只需链接到4个不同的页面（可能不理想）
• 或者，您也可以不必为屏幕设置自定义尺寸 尽可能使用iframe（通过在iframe中定义宽度和高度） 属性）

---

听起来你真正的问题是“我能让iframes有响应吗？”答案是。。。不，iframes因反应迟钝而臭名昭著
根据页面的用途，您可以：
• 如果您有权编辑iFrame中的原始页面，请先编辑页面。使它们具有响应性（预iframe），这将使页面在最终出现在iframe中时看起来很好。但是，在iframe中出现内容后，您无法使其响应
• 只需链接到4个不同的页面（可能不理想）
• 或者，您也可以不必为屏幕设置自定义尺寸 尽可能使用iframe（通过在iframe中定义宽度和高度） 属性）

---

我假设您显示的图像只是测试，因为通过iframe显示图像确实没有意义。显示iFrame的目的是什么？这将为更好的解决方案提供建议。@MichaelRomrell在问题中表示，他希望在iframe中链接另一个网站。我假设您显示的图像只是测试，因为通过iframe显示图像确实没有意义。显示iFrame的目的是什么？这将为更好的解决方案提供建议。@MichaelRomrell在问题中表示，他希望在iframe中链接另一个网站。嗨，Michael，谢谢您的回复。这4个链接实际上是4个实时视频流（我可以控制）。嗨，迈克尔，谢谢你的回复。这4个链接实际上是4个实时视频流（我可以控制）。

from flask import Flask

app=Flask(__name__)
@app.route('/')
def home():
      url="http://www.designpointfurniture.com/wp-content/uploads/2019/01/test-5.jpg"
      return """

        <iframe id="1" src="http://www.designpointfurniture.com/wp-content/uploads/2019/01/test-5.jpg" style="float:right;height:50%;width:50%;border:none;overflow:hidden;position:relative;object-fit:scale-down;"></iframe>
        <iframe id="2" src="http://www.designpointfurniture.com/wp-content/uploads/2019/01/test-5.jpg" style="float:left;height:50%;width:50%;border:none;overflow:hidden;position:relative;object-fit:fill;"></iframe>
        <iframe id="3" src="http://www.designpointfurniture.com/wp-content/uploads/2019/01/test-5.jpg" style="float:right;height:50%;width:50%;border:none;overflow:hidden;position:relative;object-fit:contain;"></iframe>
        <iframe id="4" src="http://www.designpointfurniture.com/wp-content/uploads/2019/01/test-5.jpg" style="float:left;height:50%;width:50%;border:none;overflow:hidden;position:relative;object-fit:none;"></iframe>
        """

if __name__=='__main__':
    app.run("0.0.0.0", port="8005")