0
在我的網站https://traunviertler-traunwalchen.de/在移動設備上顯示時出現大的空白(使用WindowsPhone 10和Android進行測試)。我還在Linux和Windows上測試Firefox和Edge。在這種情況下,不會出現空白。
該網站正在使用SSI將菜單,標題以及一些元標記包括在內。自從使用SSI這個空白出現了。
所有的html頁面都使用UTF-8編碼,沒有BOM。
的index.html:在手機上使用ssi的網頁上的空白
<!DOCTYPE html>
<html lang="de">
<head>
<title>D´Traunviertler Traunwalchen</title>
</head>
<body>
<!--#include virtual=/includes/body.shtml -->
<main>
<h1>A herzlichs Griaß God</h1>
<figure id=logo>
<img alt="Das GTEV Traunwalchen-Zeichen" src="/images/Design/logo400x343.png" />
<figcaption>As GTEV D´Traunviertler Traunwalchen Zoacha</figcaption>
</figure>
...
</main>
</body>
</html>
body.shtml:
<noscript>Um den vollen Funktionsumfang dieser Webseite zu erfahren, benötigen Sie JavaScript. Eine Anleitung wie Sie JavaScript in Ihrem Browser einschalten, befindet sich <a href="http://www.enable-javascript.com/de/" target="_blank">hier</a>.</noscript>
<img src="https://www.browser-statistik.de/browser.png?style=0" alt="" />
<script>
var $buoop = {vs:{i:13,f:-2,o:-2,s:9,c:-2},unsecure:true,api:4};
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.min.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>
請在所有相關的代碼不僅在第三方網站上,這個問題本身就是[mcve]。 –