beatovich: Frage zur Gestaltung

Beitrag lesen

hallo

Du machst den zweiten Schritt vor dem ersten, man beginnt mit der mobilen Ansicht, das ist einfacher und sinnvoller und das fallback für alles andere (progressive enhancement-Gedanke).

Nein. Da sind keine @media Regeln. Und codepen ist kein Ort um Viewport-Simulationen zu betreiben.

Außerdem verwende keine viewport-abhängigen Größen für Schriften, sondern eine Basis-schriftgröße in em oder dem und addiere mittels calc einen vw-Wert dazu. Dann stellst du sicher, dass schrift immer ausreichend groß ist.

Feinheiten sind dem Anwender gegeben. Wer kennt den Kontext, wo dieser Block angewendet wird?

0 116

Frage zur Gestaltung

Meowsalot
  • css
  1. 0
    Robert B.
    • html
    1. 0
      Meowsalot
      1. 0
        beatovich
        1. 0
          Meowsalot
          1. 0
            Matthias Apsel
            1. 0
              Meowsalot
          2. 0
            beatovich
        2. 0
          Meowsalot
      2. 0
        Robert B.
        1. 0
          Meowsalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Meowsalot
              1. 2
                Gunnar Bittersmann
                1. 0
                  Meowsalot
                  1. 2
                    marctrix
                    1. 0
                      Meowsalot
                      1. 0
                        Robert B.
                      2. 1
                        marctrix
                      3. 0
                        beatovich
                        1. 1
                          marctrix
                          1. 0
                            beatovich
                            1. 0

                              Jetzt mit einem realen Beispiel

                              Meowsalot
                              1. 1
                                beatovich
                                1. 0
                                  Meowsalot
                                  1. 0
                                    beatovich
                                  2. 2
                                    Robert B.
                                    • meinung
                                2. 0
                                  marctrix
                              2. 1
                                marctrix
                                1. 0
                                  beatovich
                                  1. 0
                                    marctrix
                                2. 0
                                  Meowsalot
                                  1. 2
                                    Robert B.
                                  2. 2
                                    marctrix
                                  3. 0
                                    marctrix
                            2. 1
                              Gunnar Bittersmann
                              • responsive design
                              • tools
          2. 0
            Robert B.
            1. 1
              Gunnar Bittersmann
              1. 0
                beatovich
              2. 0
                Robert B.
                1. 0
                  Gunnar Bittersmann
  2. 0
    Gunnar Bittersmann
    1. 0
      Meowsalot
      1. 0
        Gunnar Bittersmann
        1. 0
          Meowsalot
          1. 0
            marctrix
            1. 0
              Meowsalot
              1. 0
                marctrix
                1. 0
                  Meowsalot
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      • html
                      1. 0
                        Meowsalot
                        1. 2
                          Gunnar Bittersmann
                          • menschelei
                        2. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                          2. 0
                            Meowsalot
                            1. 0
                              Henry
                              1. 0
                                marctrix
                            2. 0
                              marctrix
                              • menschelei
                              1. 0
                                Meowsalot
                                1. 0
                                  marctrix
                                2. 0
                                  Gunnar Bittersmann
                      2. 1
                        marctrix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            marctrix
            2. 0
              marctrix
              • wordpress
              1. 0
                Meowsalot
          2. 0
            Gunnar Bittersmann
            • design
            1. 0
              Meowsalot
              1. 2
                Gunnar Bittersmann
              2. 0
                Robert B.
                1. 0
                  Meowsalot
                  1. 1
                    Gunnar Bittersmann
                  2. 1
                    Robert B.
                  3. 0
                    marctrix
              3. 0
                beatovich
                1. 0
                  marctrix
      2. 1
        Gunnar Bittersmann
        1. 0
          Meowsalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Meowsalot
          2. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    marctrix
                    • barrierefreiheit
                    • css
                    • html
  3. 1
    marctrix
    • html
  4. 0

    Passt das jetzt besser?

    Meowsalot
    1. 1
      marctrix
    2. 0
      marctrix
      1. 0
        Meowsalot
        1. 0
          Robert B.
  5. 0

    Jetzt zufrieden?

    Meowsalot
    1. 0
      marctrix
      • html
      1. 0
        Meowsalot
        1. 2
          marctrix
          1. 0
            Meowsalot
            1. 2
              marctrix
              1. 0
                Meowsalot
                1. 0
                  marctrix
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      1. 0
                        Meowsalot
          2. 0
            Meowsalot
            1. 1
              marctrix
              1. 1
                marctrix
                • css
        2. 0
          Robert B.
          • menschelei
    2. 0
      Robert B.
      • menschelei
      • sprache
      1. 2
        beatovich
        1. 0
          Gunnar Bittersmann
          • zitat
          • zu diesem forum
          1. 1
            Gunnar Bittersmann
            1. 0
              marctrix
          2. 0
            marctrix
    3. 2
      Gunnar Bittersmann
    4. 1
      Gunnar Bittersmann
      • html
  6. 0
    marctrix