2017-05-15 85 views
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&acute;Traunviertler Traunwalchen</title> 
    </head> 
    <body> 
<!--#include virtual=/includes/body.shtml --> 
     <main> 
      <h1>A herzlichs Gria&szlig; God</h1> 
      <figure id=logo> 
       <img alt="Das GTEV Traunwalchen-Zeichen" src="/images/Design/logo400x343.png" /> 
       <figcaption>As GTEV D&acute;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> 
+0

請在所有相關的代碼不僅在第三方網站上,這個問題本身就是[mcve]。 –

回答

1

有一個圖像

https://www.browser-statistik.de/browser.png?style=0

noscript標記之後,你的圖像是寬度100%上移動導致這個問題。實際上,你可以使用Chrome的檢查,只是模擬

如果你可以控制圖像,然後添加一個類,並以不同的風格,或者你也可以針對它像

noscript + img { 
    width: auto; 
}