Christian Huml: Zoomfaktor vom Browser relevant?

Beitrag lesen

Das mit dem schlecht sehen betrifft ja nahezu jeden. Ich persönlich bin kurzsichtig, hatte also bisher keine Probleme mit kleiner Schrift auf Bildschirmen. Jetzt im fortgeschrittenen Alter setzt aber bei mir die Altersweitsichtigkeit ein, so dass ich Webseiten im Browser schon öfter größer zoome.

Wie Gunnar schon sagte, sollten die Webseiten dann nicht schlechter aussehen (pixelgenaues Layout zerbricht beim Zoomen), sondern so wie auf dem Tablet oder Smartphone. Soweit zoome ich gar nicht, deshalb sollte man hier evtl. schon den Verzicht auf Breakpoints ansprechen, die vermeintlich genau auf bestimmte Gerätegrößen abgestimmt sind. Deine Breakpoints sollten sich nach dem Inhalt ausrichten, und werden da gesetzt, wo der Inhalt (oder mehrere Elemente nebeneinander) nicht mehr genügend Platz haben.

Im Wiki:

Hallo @Matthias Scharwies,

vielen Dank für die Infos und Links. Hier mal die Testseite. Bei einem Zoom von 150% werden die Links nicht mehr bündig dargestellt. Was wäre hierzu der beste Lösungsvorschlag.

Zoom 150%

Verwendest du keine Webentwicklertools → Bildschirmgröße testen? Ist es den falsch wenn man dies unter verschiedenen Geräten ansieht?

Ansicht auf verschiedenen Geräten

Ansicht auf der neusten Firefox Version 57.0 (64Bit) Quantum.

PS: Bei einer Breite von 17em bricht dass Bild aus dem div, bin gerade am Fehlersuchen 😂

EDIT: Zeichenlänge bei den 3 Boxen unterschiedlich.

0 53

Zoomfaktor vom Browser relevant?

Christian Huml
  • browser
  • css
  • html
  1. 2
    Matthias Scharwies
    1. 1
      Christian Huml
      1. 3
        Gunnar Bittersmann
        • browser
        • responsive design
        1. 3
          Matthias Scharwies
          1. 0
            Christian Huml
            1. 1
              Auge
              • browser
              • css
              • responsive design
              1. 0
                Christian Huml
              2. 2
                Matthias Scharwies
                1. 1
                  Auge
                  1. 0
                    Christian Huml
                    1. 0
                      Auge
                2. 0
                  Christian Huml
                  1. 1
                    Auge
                    • css
                    • html
                    • responsive design
                    1. 0
                      Christian Huml
                      1. 2
                        Auge
                    2. 1
                      marctrix
                      1. 1
                        Auge
                        1. 1
                          marctrix
                  2. 2

                    Logo in SVG

                    Matthias Scharwies
                    • svg
                    1. 1
                      Matthias Apsel
                      1. 0
                        Matthias Scharwies
                        1. 1
                          Matthias Apsel
                    2. 0
                      Christian Huml
                    3. 0
                      Christian Huml
                      1. 0
                        Christian Huml
                        1. 0
                          Christian Huml
                          1. 0
                            Gunnar Bittersmann
                            • css
                            • svg
                            1. 0
                              Christian Huml
                              1. 1
                                Matthias Apsel
                              2. 0
                                Gunnar Bittersmann
                                1. 0
                                  Christian Huml
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Christian Huml
                                      1. 2
                                        Matthias Apsel
                                        1. 0
                                          Christian Huml
                                          1. 2
                                            Matthias Apsel
                                            1. 0
                                              Christian Huml
                                              1. 0
                                                marctrix
                                                1. 0
                                                  Gunnar Bittersmann
                                                  • meinung
                                                  1. 0
                                                    marctrix
                                            2. 1
                                              Gunnar Bittersmann
                                          2. 1
                                            Tabellenkalk
                                            • rechtschreibung
                                            1. 0
                                              Christian Huml
                                              1. 0
                                                Robert B.
                                                • sonstiges
                                                1. 0
                                                  Christian Huml
                                          3. 1
                                            marctrix
                                      2. 1
                                        Gunnar Bittersmann
                                      3. 0
                                        Gunnar Bittersmann
                3. 1
                  marctrix
  2. 2
    marctrix
    1. 0
      Christian Huml
      1. 2
        Matthias Scharwies