2017-02-21 2 views
3

EDIT: Ich habe einen Fehler gemacht. Browser skaliert auf 120%, nicht auf 125%.Browser skaliert Seite auf 120%

Ich habe ein Display mit der Auflösung 2560x1440. Ich habe festgestellt, dass die Webseite, an der ich gerade arbeite, auf 120% skaliert ist. Also, wenn Rand auf 4px gesetzt ist - es hat 5px auf dem Bildschirm. Es passiert in Opera, Chrome, Firefox, aber nicht in Edge.

Ich nehme an, es hängt mit den Einstellungen für die Schriftgröße von Windows zusammen (die auf meinem Computer auf 125% eingestellt ist).

Wie deaktiviert man diese Funktion mit CSS Code (oder in meta Tag in head?) Oder zumindest in Browser-Einstellungen?

Beispielcode:

<html> 
    <head> 
     <!-- it does not change anything --> 
     <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> --> 
    </head> 
    <body> 
     <div style="width: 10px; height: 10px; background-color: red;"></div> 
    </body> 
</html> 

Ergebnisse:

Browser scaling

+0

Wenn möglich, erstellen Schnipsel arbeiten oder Stellen Sie den Link zu Ihrer Webseite bereit. –

+0

Können Sie einfach die Skalierung Ihres Browsers verwenden (z. B. Strg-Minus zweimal), um die Inhaltsanzeige des Browsers auf dieser Seite auf 80% zu reduzieren und die 125% -Skalierung wieder auf 100% zu reduzieren? Es ist eine schnelle und schmutzige Lösung, aber wenn Sie nur diese eine Site in ihrer nativen Auflösung sehen möchten, könnte sie funktionieren. –

+0

Haben Sie dieses Meta-Tag erstellt? –

Antwort

Verwandte Themen