Ich habe eine Seite entworfen, auf der Schaltflächen gut aussehen, wenn der Browser-Zoom auf 90 % eingestellt ist, andere Benutzer sie jedoch standardmäßig mit 100/125 % und mehr in ihrem Browser anzeigen, was zu einer Überlappung von Schaltflächen und Eingabeformularen führt.
Ich möchte den Zoomwert also standardmäßig auf 90 % festlegen, wenn meine JSP-Seite geladen wird.
Wie mache ich das? Kann die Seite nach dem Vornehmen einer solchen Einstellung nicht gezoomt werden? Oder gibt es dafür eine bessere Lösung?
Klingt so, als gäbe es CSS-Probleme, warum ziehen Sie nicht ein richtiges HTML und CSS in Betracht, anstatt zu zoomen?
– Wein
12. März 2014 um 7:09 Uhr
Habe es wie folgt gelöst,
im CSS
#my{
zoom: 100%;
}
Jetzt wird es standardmäßig mit 100 % Zoom geladen. Getestet mit 290% Zoom und standardmäßig mit diesem Zoom-Prozentsatz geladen, liegt es am Benutzer, ob er den Zoom ändern möchte.
Obwohl dies nicht der beste Weg ist, gibt es eine andere effektive Lösung
Überprüfen Sie den Seitencode des Stapelüberlaufs, auch wenn sie Schaltflächen haben und ungeordnete Listen verwenden, um dieses Problem zu lösen.
Das CSS zoom Eigenschaft funktioniert nur auf alten Versionen von Internet Exploder!
– Nikitz
12. März 2014 um 8:10 Uhr
Genau aus diesem Grund habe ich auch eine zweite Lösung bereitgestellt.
– Benutzer1733583
12. März 2014 um 8:22 Uhr
html {zoom: 160%;} funktioniert und mit Strg + 0 wird der Zoom auf 160% eingestellt
– noobninja
26. Dezember 2016 um 13:27 Uhr
Dadurch bricht Google Maps in allen Browsern außer Firefox zusammen.
– Benutzer5147563
30. Juni 2017 um 14:47 Uhr
Dies funktioniert in Brave, aber nicht in Firefox. In Brave macht man jedoch nicht den Standard-Zoom zu ändern, stattdessen ist der Standard-Zoom immer noch 100 % aber es sieht aus wie eine andere Zahl. Der Effekt ist also praktisch derselbe.
Und siehe nächstes Thema Wie kann ich ein HTML-Element in Firefox und Opera zoomen?
-moz-transform: scale(0.9); funktioniert in FF, aber es ist nicht möglich, die ganze Seite damit zu zoomen. Ich habe es versucht * {-moz-transform: scale(1.1);} Das ist ein Durcheinander, weil das Verhältnis zwischen den Elementen dadurch nicht gezoomt wird.
– rubo77
25. Oktober 2018 um 9:35 Uhr
lucas.sa
Eine bessere Lösung besteht darin, Ihre Seite nicht von Zoomeinstellungen abhängig zu machen. Wenn Sie Grenzen setzen, wie Sie sie vorschlagen, schränken Sie die Zugänglichkeit ein. Wenn jemand Ihren Text nicht gut lesen kann, wird er das einfach nicht ändern können. Ich würde das richtige CSS verwenden, damit es in jedem Zoom gut aussieht.
Wenn Sie wirklich darauf bestehen, werfen Sie einen Blick auf diese Frage zur Erkennung der Zoomstufe mit JavaScript (Albtraum!): How to detect page zoom level in all modern browsers?
Meine Seiten sind in eine Website eingebettet, die kleinere Schriftarten und Symbole verwendet als meine Seiten. Wir wollen also auch die RELATIVE Zoomstufe meiner Seiten anpassen. Bitte beachten Sie, dass die Browser-Zoomstufe weiterhin gilt.
Klingt so, als gäbe es CSS-Probleme, warum ziehen Sie nicht ein richtiges HTML und CSS in Betracht, anstatt zu zoomen?
– Wein
12. März 2014 um 7:09 Uhr