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:
Wenn möglich, erstellen Schnipsel arbeiten oder Stellen Sie den Link zu Ihrer Webseite bereit. –
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. –
Haben Sie dieses Meta-Tag erstellt? –