HTML-Seite zoomen standardmäßig

Question

Ich habe eine Seite entworfen, wo Schaltflächen gut aussehen, wenn der Browser Zoom auf 90% ist, aber standardmäßig andere Benutzer sehen sie bei 100/125% + in ihrem Browser was eine Überlappung ergibt in Schaltflächen und Eingabeformularen.

Also, ich möchte den Zoom-Wert als 90% standardmäßig festlegen, wenn meine JSP-Seite geladen wird.

Wie mache ich das? Nachdem Sie eine solche Einstellung vorgenommen haben, können Sie die Seite nicht zoomen? Oder Gibt es dafür eine bessere Lösung?

Answer 1

es gelöst,

in CSS

folgt

#my{ 
zoom: 100%; 
} 

Jetzt wird standardmäßig in 100% Zoom geladen. Getestet mit einem Zoom von 290% und geladen mit diesem Zoom-Prozentsatz auf den Standard, liegt es beim Benutzer, ob er den Zoom ändern möchte.

Obwohl dies nicht der beste Weg ist, es zu tun, gibt es eine andere Lösung

Überprüfen Sie den Seitencode des Stapels über Fluss, auch sie haben Tasten und sie nutzen un geordnete Listen, dieses Problem zu lösen.

Answer 2

In js Sie Zoom von

document.body.style.zoom="90%" 

ändern kann, aber es funktioniert nicht FF http://caniuse.com/#search=zoom

Für ff Sie

-moz-transform: scale(0.9); 

Und überprüfen Nächstes Thema How can I zoom an HTML element in Firefox and Opera?

versuchen können,

Answer 3

Eine bessere Lösung soll Ihre Seite nicht von Zoom-Einstellungen abhängig machen. Wenn Sie Grenzwerte wie die von Ihnen vorgeschlagene festlegen, begrenzen Sie die Barrierefreiheit. Wenn jemand Ihren Text nicht gut lesen kann, wird er das nicht ändern können. Ich würde CSS verwenden, um es in jedem Zoom gut aussehen zu lassen.

Wenn Ihr wirklich darauf bestehen, zu dieser Frage einen Blick darauf werfen, wie Zoomstufe mit Hilfe von JavaScript zu erkennen (Alptraum!): How to detect page zoom level in all modern browsers?