meine Seite ist rein auf den Laptopmarkt ausgerichtet (frag nicht warum oder streite!), alle meine User (oder 95% +) haben wir auf einer Bildschirmbreite von 1200 +,
Netbooks starten jetzt mit einer Auflösung von 1024 weit.
Meine Seite sieht auf einem Netbook immer noch gut aus, wenn Sie einmal auszoomen (ctrl-minus), aber ich möchte mich nicht darauf verlassen, dass Benutzer über ctrl-minus Bescheid wissen.
Was sind meine Optionen neben Redesign? Ich möchte keine Zoom-Schaltflächen auf meiner Seite haben.
Gibt es einen Javascript-Zoom außerhalb?
Während dies Ihren Zoom nicht ausgleicht, könnten Sie einen kleinen Trick basierend auf CSS & amp; relative Größe.
Wenn Sie ein Bild oder einen Container haben, der 100px wide ist, versuchen Sie, ihn auf 10em wide zu setzen (oder faff mit em , bis Sie den entsprechenden Wert gefunden haben). Wenn Sie dies mit jeder einzelnen auf Ihrer Website angegebenen Dimension tun, können Sie die Seite möglicherweise aktiv verkleinern, indem Sie den Standard font-size ändern. Z.B. von 1em bis 0,91em.
Häufig wird die relative Größe verwendet, um den Benutzern die Möglichkeit zu geben, die Schriftgrößen nach Bedarf zu verkleinern und zu vergrößern. Es ist nicht so üblich für Bilder (weil sie nach Bedarf sind, in der Größe festgelegt). Dies muss jedoch nicht der Fall sein und bietet Ihnen in diesem Fall einen Ausweg aus einer "vollständigen Neugestaltung der Website" und dem "Zoom".
Dies könnte das Problem ohne Redesign lösen, könnte aber knifflig sein und ein wenig Tests erfordern. Die Art und Weise, wie Stylesheets kaskadieren und die Schriftart etwas mehr schrumpfen, Element für Element, kann einige Probleme verursachen.
Das ist aus vielen Gründen eine schlechte Idee. Das Zoomen ist Client-spezifisch, so dass Sie, wenn überhaupt möglich, Cross-Browser-Kompatibilitäten erhalten. Ihre beste Wette ist, css zu benutzen und eine minimale und / oder maximale Breite einzustellen. Sie müssen nicht neu entwerfen, aber (unter der Annahme der richtigen HTML-Struktur und der Verwendung von externen CSS) die Änderung einiger Breite Werte sollten den Trick tun.
Tags und Links javascript html jquery css