Layout mit flex-box bearbeitet von Matthias Apsel 05.06.2015 16:17 Hallo var, > Vorweg: Ich habe mich entschlossen, den gesamten Inhalt doch in ein `<div class="wrap">`{: .language-html} einzuwickeln und als Bezugsrahmen _nicht_ `<body>`{: .language-html} zu nehmen, da ich - sofern Browserunterstützung besteht - den Hintergrund der Seite mittels **WebGL** gestalten (und animieren) will, also mit einem `<canvas>`{: .language-html} - und _das_ sollte das Browserfenster nach Möglichkeit _vollständig_ ausfüllen (`body > canvas { width: 100%; height: 100%; }`{: .language-css}). Niemand gibt dir die Garantie, dass das body-Element auch wirklich dieselben Abmessungen wie der Viewport hat. Das ist genau genommen, sogar **ziemlich unwahrscheinlich**. Deshalb ist nicht `%` die Einheit deiner Wahl sondern `vh` bzw. `vw`. Siehe: <http://wiki.selfhtml.org/wiki/Vw> Bis demnächst Matthias -- Signaturen sind bloed (Steel) und Markdown ist mächtig.
Layout mit flex-box bearbeitet von Matthias Apsel 05.06.2015 16:43 Hallo var, > Vorweg: Ich habe mich entschlossen, den gesamten Inhalt doch in ein `<div class="wrap">`{: .language-html} einzuwickeln und als Bezugsrahmen _nicht_ `<body>`{: .language-html} zu nehmen, da ich - sofern Browserunterstützung besteht - den Hintergrund der Seite mittels **WebGL** gestalten (und animieren) will, also mit einem `<canvas>`{: .language-html} - und _das_ sollte das Browserfenster nach Möglichkeit _vollständig_ ausfüllen (`body > canvas { width: 100%; height: 100%; }`{: .language-css}). Niemand gibt dir die Garantie, dass das body-Element auch wirklich diesellben Abmessungen wie der Viewport hat. Das ist genau genommen, sogar **ziemlich unwahrscheinlich**. Deshalb ist nicht `%` die Einheit deiner Wahl sondern `vh` bzw. `vw`. Siehe: <http://wiki.selfhtml.org/wiki/Vw> Bis demnächst Matthias -- Signaturen sind bloed (Steel) und Markdown ist mächtig.
nicht angemeldet nicht angemeldet
