如何防止空白出现在我的网页上方和下方？
[英]How do I prevent the white space from appearing above and below my webpage?
问题描述
Please click this image for a detailed description of my issue
请单击此图片以详细说明我的问题
See below for my HTML.请参阅下面的我的 HTML。 I'm using Google's Swiffy to convert my ActionScript 3.0 SWF file into HTML5.我正在使用 Google 的 Swiffy 将我的 ActionScript 3.0 SWF 文件转换为 HTML5。 Then I embed the HTML5 using an iFrame into my website.然后我使用 iFrame 将 HTML5 嵌入到我的网站中。
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Swiffy Output</title> <script type="text/javascript" src="https://www.gstatic.com/swiffy/v7.4/runtime.js"></script> <script> swiffyobject = { "as3": true, "frameRate": 24, "frameCount": 109, "backgroundColor": -1, "frameSize": { "ymin": 0, "xmin": 0, "ymax": 14500, "xmax": 20000 }, "fileSize": 233905, "v": "7.4.1", </script> <style> html, body { width: 100%; height: 100% } </style> </head> <body style="margin-top: 0px; margin-bottom: 0px; overflow: hidden"> <div id="swiffycontainer" style="width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px;"> </div> <script> var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), swiffyobject, {}); stage.start(); </script> </body> </html>
<iframe id="myiFrame" src="http://autogatesystems.businesscatalyst.com/phone/QS_Steel/QS_Steel.htm"
style="border:0px;-webkit-overflow-scrolling: touch;overflow: hidden; fub;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" height="604" width="100%"></iframe>
3 个解决方案
解决方案1
0 2016-03-27 17:27:27
您是否尝试将 html 和 body 元素的 margin-top 和 margin-bottom 设置为0？
解决方案2
0 2016-03-27 18:02:08
将 div 的高度设置为 100%
height: 100%;
解决方案3
0 已采纳 2016-03-30 01:07:12
I solved it!我解决了！ I changed the height of my html Google Swiffy body to:我将 html Google Swiffy 正文的高度更改为：
height: 60vw
And inside the HTML file that hosts my iFrame I changed it to:在托管 iFrame 的 HTML 文件中，我将其更改为：
height="60%"
White spaces gone from both the top and bottom!顶部和底部的空白都消失了！
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.