程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸?

开发过程中遇到在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸的问题如何解决?下面主要结合日常开发的经验,给出你关于在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸的解决方法建议,希望对你解决在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸有所启发或帮助;

我有我想要显示的自定义代码(见下文),它是我只想查看我的 p5.Js 草图的网站登录页面,所以我将它嵌入为 iframe。 现在唯一的问题是让 iframe 调整到屏幕的高度,这样我的草图就可以在不同的屏幕尺寸上完全可见而无需滚动。请帮我解决这个问题!

我在Page-->SetTings-->Advanced-->header-->>>>

中输入以下代码
<style> 
  #site-title {display:none!important;}
  #page.container {display:none!important;}
  #siteWrapper.clearfix.site-wrapper {display:none!important;}
  
  
</style>


<script>
         setTimeout(function(){
            window.LOCATIOn.href = 'https://gooDWellandbetter.com/introduction-and-curatorial-statement';
         },300000);
</script>
        
      <div class="sqs-layout sqs-grID-12 columns-12" data-type="page-section" ID="page-section-6063a8fceb34c530581d6d9b">
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div class="sqs-block code-block sqs-block-code" data-block-type="23" ID="block-yui_3_17_2_1_1617144028502_3267">
<div class="sqs-block-content"> 
<iframe frameborder="0" name="OutsIDe the Form" wIDth="100%" height="1080px" src="https://editor.p5Js.org/mariamadam/present/SNlipKxEa" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>

解决方法

试着做this

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</body>

大佬总结

以上是大佬教程为你收集整理的在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸全部内容,希望文章能够帮你解决在正方形空间中调整 iframe 的大小以适应任何屏幕尺寸所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: