oxo888oxo: Sinnvolle Breakpoints finden für Responsive Webdesign

Hallo

Wenn man dabei ist, sich Gedanken zu machen, wo man beim Responsive Webdesign die Breakpomts setzen soll, emfehle ich diesen tollen Artikel hier:
Neue Ideen zu Breakpoints im Responsive Web Design

Gruß
Ingo

  1. Hello,

    Wenn man dabei ist, sich Gedanken zu machen, wo man beim Responsive Webdesign die Breakpomts setzen soll, emfehle ich diesen tollen Artikel hier:
    Neue Ideen zu Breakpoints im Responsive Web Design

    Da möchte ich mich gleich dranhängen mit der Frage, was dieser Meta-Tag bewirkt?

      
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
      
    
    

    Liebe Grüße aus dem schönen Oberharz

    Tom vom Berg

    --
     ☻_
    /▌
    / \ Nur selber lernen macht schlau
    Die ultimative Seite für Selbermacher
    1. Hallo

      Da möchte ich mich gleich dranhängen mit der Frage, was dieser Meta-Tag bewirkt?

      <meta name="viewport" content="width=device-width, initial-scale=1.0">

        
      Hast du [das Googeln](https://www.google.de/search?q=width%3Ddevice-width%2C%20initial-scale%3D1.0&ie=utf-8&oe=utf-8) verlernt?  
        
      Tschö, Auge  
      
      -- 
      Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.  
      Terry Pratchett, "Wachen! Wachen!"  
        
      ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}  
        
      [Veranstaltungsdatenbank Vdb 0.3](http://termindbase.auge8472.de/)
      
      1. Hello,

        Hallo

        Da möchte ich mich gleich dranhängen mit der Frage, was dieser Meta-Tag bewirkt?

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        
        >   
        > Hast du [das Googeln](https://www.google.de/search?q=width%3Ddevice-width%2C%20initial-scale%3D1.0&ie=utf-8&oe=utf-8) verlernt?  
          
        Nein. Da habe ich ihn ja gefunden und die vielen Behauptungen, dass die Handhelds darauf reagieren würden. Leider hatte es bei meinem keine Wirkung.  
          
        Deshalb meine Frage: Was bewirkt dieser Metatag?  
          
          
          
          
        Liebe Grüße aus dem schönen Oberharz  
          
          
        Tom vom Berg  
        ![](http://selfhtml.bitworks.de/Virencheck.gif)  
          
        
        -- 
         ☻\_  
        /▌  
        / \ Nur selber lernen macht schlau  
        [Die ultimative Seite für Selbermacher](http://getscript.de/)
        
        1. Om nah hoo pez nyeetz, Tom!

          Deshalb meine Frage: Was bewirkt dieser Metatag?

          http://html5-mobile.de/blog/meta-viewport-fuer-mobile-anpassen

          Matthias

          --
          Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Beil und Beilage.

          1. Hello und guten Morgen,

            habt Ihr schon euren Kaffee gehabt?
            Kann ich sonst irgendwas tun, um Euch zu wecken? :-)

            Deshalb meine Frage: Was bewirkt dieser Metatag?

            http://html5-mobile.de/blog/meta-viewport-fuer-mobile-anpassen

            Das kenne ich.

            Dann will ich meine Frage nochmal anders formulieren:

            Hat diese Zeile schon jemand bewusst ausprobiert?
            Hat sie sichtbar etwas bewirkt?

            Liebe Grüße aus dem schönen Oberharz

            Tom vom Berg

            --
             ☻_
            /▌
            / \ Nur selber lernen macht schlau
            Die ultimative Seite für Selbermacher
            1. Hallo

              Dann will ich meine Frage nochmal anders formulieren:

              Hat diese Zeile schon jemand bewusst ausprobiert?
              Hat sie sichtbar etwas bewirkt?

              Gegenfrage: Meinst du ernsthaft, dass seit ein paar Jahren allüberall darüber geredet wird, obwohl das nicht funktioniert?

              Tschö, Auge

              --
              Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
              Terry Pratchett, "Wachen! Wachen!"
              ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
              Veranstaltungsdatenbank Vdb 0.3
              1. Hello,

                Dann will ich meine Frage nochmal anders formulieren:

                Hat diese Zeile schon jemand bewusst ausprobiert?
                Hat sie sichtbar etwas bewirkt?

                Gegenfrage: Meinst du ernsthaft, dass seit ein paar Jahren allüberall darüber geredet wird, obwohl das nicht funktioniert?

                All überall auf den Tannenspitzen, sah ich "Responsive Webdesign" blitzen. Leider ist es bisher noch ein Märchen, dass es auch einfach so funktioniert.

                Sowas ähnliches haben wir doch schon 1998 mit "Liquid Layout" gemacht, und das war da noch richtig schwer umzusetzen!

                Für welche OS's funktioniert es nun?

                Ich muss erstmal versuchen das OS meines HTC herauszubekommen :-O

                Liebe Grüße aus dem schönen Oberharz

                Tom vom Berg

                --
                 ☻_
                /▌
                / \ Nur selber lernen macht schlau
                Die ultimative Seite für Selbermacher
                1. Hello,

                  Ich muss erstmal versuchen das OS meines HTC herauszubekommen :-O

                  Gar nicht so einfach. Dafür benötigt man einen Handheldschein.
                  Android 2.3.5 sagt es mir...

                  Muss ich also jetzt mal ein paar Gehübungen machen.

                  Liebe Grüße aus dem schönen Oberharz

                  Tom vom Berg

                  --
                   ☻_
                  /▌
                  / \ Nur selber lernen macht schlau
                  Die ultimative Seite für Selbermacher
            2. Om nah hoo pez nyeetz, Tom!

              Hat diese Zeile schon jemand bewusst ausprobiert?

              Ja. In diesem Forum.

              Matthias

              --
              Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Sala und Salami.

              1. Hello,

                Om nah hoo pez nyeetz, Tom!

                Hat diese Zeile schon jemand bewusst ausprobiert?

                Ja. In diesem Forum.

                Aber doch nicht in Zusammenhang mit HTML 5?

                Liebe Grüße aus dem schönen Oberharz

                Tom vom Berg

                --
                 ☻_
                /▌
                / \ Nur selber lernen macht schlau
                Die ultimative Seite für Selbermacher
                1. Om nah hoo pez nyeetz, Tom!

                  Aber doch nicht in Zusammenhang mit HTML 5?

                  Das Eine hat mit dem Anderen nicht wirklich was zu tun.

                  Matthias

                  --
                  Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Sonde und Sonderzeichen.

                  1. Hello,

                    Aber doch nicht in Zusammenhang mit HTML 5?

                    Das Eine hat mit dem Anderen nicht wirklich was zu tun.

                    Also müsste es auch noch bei HTML 4.01 funktionieren?

                    Liebe Grüße aus dem schönen Oberharz

                    Tom vom Berg

                    --
                     ☻_
                    /▌
                    / \ Nur selber lernen macht schlau
                    Die ultimative Seite für Selbermacher
                    1. Om nah hoo pez nyeetz, Tom!

                      Also müsste es auch noch bei HTML 4.01 funktionieren?

                      Der Browser muss das meta-Tag interpretieren.

                      Matthias

                      --
                      Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Mett und Mette.

                    2. @@Tom:

                      nuqneH

                      Aber doch nicht in Zusammenhang mit HTML 5?

                      Das Eine hat mit dem Anderen nicht wirklich was zu tun.

                      Also müsste es auch noch bei HTML 4.01 funktionieren?

                      Deine Frage ist analog zu der, ob dieselbe StVO gilt, wenn du einen Golf 6 anstatt vorher einen Golf 5 fährst.

                      Browser haben genau einen HTML-Parser. In neuen Browsern ist das einer, der auch HTML5 versteht. Dieser wird auch für als HTML 4.01 oder XHTML 1.x gekennzeichnete Dokumente verwendet (sofern letztere nicht als XML ausgeliefert werden).

                      Und für CSS-Level gilt das analog.

                      Qapla'

                      --
                      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
        2. Hallo

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          
          > >   
          > > Hast du [das Googeln](https://www.google.de/search?q=width%3Ddevice-width%2C%20initial-scale%3D1.0&ie=utf-8&oe=utf-8) verlernt?  
          >   
          > Nein. Da habe ich ihn ja gefunden und die vielen Behauptungen, dass die Handhelds darauf reagieren würden. Leider hatte es bei meinem keine Wirkung.  
          >   
          > Deshalb meine Frage: Was bewirkt dieser Metatag?  
            
          Eine mMn gute Erläuterung dessen, was es können soll, hat Matthias ja schon verlinkt. Wenn dein Gerät nicht darauf reagiert, ist es vermutlich älteren Bau- bzw. Designjahrs? Erfunden haben's die, nein, nicht die Schweizer, sondern die aus Cupertino. Bei meinem Gerät mit Android 2.3 ([2010, 2011](http://de.wikipedia.org/wiki/Liste_von_Android-Versionen#Gingerbread)) funktioniert es auch mit dem Stock Browser (der vorinstallierte).  
            
          Tschö, Auge  
          
          -- 
          Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.  
          Terry Pratchett, "Wachen! Wachen!"  
            
          ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}  
            
          [Veranstaltungsdatenbank Vdb 0.3](http://termindbase.auge8472.de/)