自定义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头
- 务必正确填写iframe的
内容的提问来源于stack exchange,提问作者Daniel Teresneu
相关产品推荐
相关产品推荐

