Whitespace auf Webseite mit SSI auf Handys

Auf meiner Website https://traunviertler-traunwalchen.de/ gibt es ein großes Leerzeichen bei der Anzeige auf einem mobilen Gerät (getestet mit Windows Phone 10 und Android). Ich habe auch Firefox und Edge unter Windows und Firefox in Linux getestet. In diesem Fall wird kein Leerzeichen angezeigt.
Die Website verwendet SSI, um das Menü, die Kopfzeile oben und einige der Meta-Tags aufzunehmen. Seit Verwendung von SSI tauchte dieses Leerzeichen auf.
Alle HTML-Seiten sind mit UTF-8 ohne BOM codiert.
index.html:Whitespace auf Webseite mit SSI auf Handys

<!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>

Quelle

2017-05-15 TrackerSB

umfassen Bitte alle relevanten Code in a [mcve] in der Frage selbst, nicht nur auf einer dritten Seite. –

ein Bild

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

nach dem Tag außerhalb des Skripts, und die Bilder sind Breite 100% auf ist Handy, das das Problem verursacht. Sie können es tatsächlich mit Chrom inspizieren, nur

simulieren Wenn Sie das Bild kontrollieren können, fügen Sie dann eine Klasse zu ihm und Stil es anders oder Sie können es auch Ziel wie

noscript + img { 
    width: auto; 
}

Quelle

2017-05-15 18:59:13 Huangism

Whitespace auf Webseite mit SSI auf Handys

Antwort

Verwandte Themen