You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

自定义iframe样式求助:已尝试指定代码,请求技术支持

自定义iframe样式的修正方案
  • 你的代码存在两个核心问题:一是width和height未指定单位(需添加px),二是没有将iframe嵌套在容器div内。以下是修正后的完整代码:
<div class="Pagina2" style="display:flex; width:600px; height:400px;">
  <iframe src="你的目标页面链接" style="width:100%; height:100%; border:none;"></iframe>
</div>
  • 若要提升代码可维护性,建议将内联样式迁移到CSS类中:
.Pagina2 {
  display: flex;
  width: 600px;
  height: 400px;
}
.Pagina2 iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
}

对应HTML结构:

<div class="Pagina2">
  <iframe src="你的目标页面链接"></iframe>
</div>
  • 额外注意事项:
    • 务必正确填写iframe的src属性值
    • 若出现嵌入失败,需检查目标页面是否配置了X-Frame-Options等限制跨域嵌入的HTTP头

内容的提问来源于stack exchange,提问作者Daniel Teresneu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 02:43:24