Wie kann die Browser-Zoomstufe beim Laden der Seite erhöht werden?

Wie zur Erhöhung der browser-zoom-Stufe auf die Seite laden?

hier ist mein Weblink vor kurzem bekam ich die Aufgabe zur Steigerung seiner Breite gerade so, als ob Firefox, drücken wir Ctrl + - und browser-zoom-Stufe erhöht, ist es eine Möglichkeit, dies automatisch in allen Browsern auf die Seite zu laden.

Kommentar zu dem Problem - Öffnen
Hinweis:ich habe bereits gegoogelt über dieses nicht finden oder etwas, die dieses problem lösen Kommentarautor: Danish Iqbal
Wenn Sie immer die Seite größer zu werden, warum nicht Stil es größer sein? Kommentarautor: Tim Medora
@TimMedora vielen Dank für die Beantwortung tatsächlich benötigten mehr Zeit, um erhöhen Sie die Größe aller Dinge und ich denke, wenn ich nur Erhöhung der zoom-Stufe so ist es besser, fügen Sie den code in Seiten Kommentarautor: Danish Iqbal
Als ein Jahrzehnt veteran der web-Entwicklung, hätte nie gedacht, ich würde wollen, um zu Zoomen - wie es greift auf das user - Bereich der Steuerung. Jedoch für meine intranet-app, die mehrere Benutzer haben Ihre verschiedenen Resolutionen an die Arbeit in übereinstimmung mit Ihren unterschiedlichen Augen. Meine Website skaliert ganz gut, aber in einigen Fällen, ist so viel größer, dass es braucht, um unabhängig voneinander skaliert zurück im Vergleich mit anderen Websites, die Sie besuchen. Ich kann eine Einstellung, die Sie speichern können (persist in unserer db) , zoomt die Seite, damit Sie nicht zu verwirren haben mit Ihrer Vergrößerung/text size controls wiederholt, jedes mal, wenn Sie gehen, um meine app. Kommentarautor: bkwdesign

InformationsquelleAutor der Frage Danish Iqbal | 2012-02-25

  1. 47

    Ich persönlich denke, das ist eine schlechte Idee; design Ihrer Website, so dass es sich leicht skalieren (nicht schwer mit der richtigen CSS - /HTML-Techniken) oder nur dem Benutzer erlauben, das zu tun, was Sie wollen (vielleicht haben Sie bereits in Ihrem browser vergrößert oder Sie verwenden eine niedrige Auflösung). In der Regel sollten Sie nicht machen, UX-Entscheidungen für Menschen.

    Aber es ist möglich.

    Demo: http://jsfiddle.net/q6kebgbh/4/

    .zoom {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}

    Beachten Sie, dass frühere Versionen dieser Antwort verwendet transform Unterstützung für weitere Browser. Doch diese Verkürzung der code scheint zu funktionieren die aktuellen Versionen von Chrome, FF, Safari und IE (wie auch die früheren Versionen des IE, die unterstützt haben zoom für eine lange Zeit).

    InformationsquelleAutor der Antwort Tim Medora

  2. 13

    Versuchen Sie dies:

    <script type="text/javascript">
        function zoom() {
            document.body.style.zoom = "300%" 
        }
</script>

<body onload="zoom()">
<h6>content</h6>
</body>

    InformationsquelleAutor der Antwort Vinod

  3. 5

    Können Sie versuchen, die CSS - zoom Regel. Ich habe nie wirklich ausprobiert, aber in der Theorie festlegen einer css-Regel wie die folgende könnten tun, was Sie wollen:

    body { zoom: 2; }

    Hinweis: dies nicht wirklich ändern Sie die Browser-zoom-Niveau. Es macht einfach alles auf die Seite größer wird 🙂

    InformationsquelleAutor der Antwort jeremysawesome

  4. 0

    Ist eine Antwort auf engstirnigen posts wie

    Ich persönlich denke, das ist eine schlechte Idee;

    oder

    warum nicht Stil es größer

    e.t.c

    Habe ich die PWA hat eine minimalistische design mit viel whitespace und soll für Handys an Erster Stelle (also zunächst habe ich nicht glaube, über große Bildschirme). Es ist nicht nur langweilig web-site mit den Artikeln. Es ist ziemlich Komplex genug, UI.

    So, wenn Sie es öffnen auf einem sehr großen Bildschirm (Fernseher oder großen monitor) sieht es wirklich hässlich aus (weil es zu viel Leerraum an diesem Punkt). Und als user muss ich jedes mal ihn zu vergrößern. Es ist ganz schön doof. Meine webapp ist mehr ästhetisch als auch einfacher zu verwenden, von einem sofa, auf tv, wenn es scalled ein wenig auf diesem großen Bildschirm.

    Also, was ich Tue, in @media ich ändern zoom-Eigenschaft, wenn eine Anzeige ist zu breit.
    Das problem, dass -moz-transform: scale ist völlig Verschieden von dem, zoom.

    Also bottom line, wenn Sie möchten, um zu vergrößern website mit css haben Sie drei Optionen:

    • (empfohlen, härter) Zu opfern, einige design-Entscheidungen und verwenden Sie em und rem Einheiten bei der Entwicklung Ihrer Seite. Das wird erlauben, ändern Sie die "zoom" von der Seite so einfach wie das ändern der Schriftgröße auf den Körper.

    • (besser) Zu verwenden "transform: scale" für cross-browser-Erfahrung, aber es funktioniert möglicherweise nicht wie erwartet.

    • (nicht-empfohlen, leicht), CSS Zu benutzen "zoom" - Eigenschaft trotz der Tatsache, dass es nicht eine standard-Eigenschaft. Opfer Von Firefox. Auch haben einige kleinere unerwartete Verhalten mit absolut positionierten flexboxes.

    InformationsquelleAutor der Antwort Kirill Reznikov

Schreibe einen Kommentar