Ich habe nicht genug rep zu dem Zeitpunkt von diesem Post zu kommentieren. Entschuldigung, ich würde wenn ich könnte.
Ich schlage vor, eine Sache in css genannt flexbox
. Es braucht ein wenig mehr Arbeit statt Bootstrap oder 960 oder etwas, aber in Kombination mit Prozenteinheiten und vielleicht sogar vh/vw
, wenn Sie New Age sein wollen.
This guide erklärt es besser, als ich jemals hoffen könnte; im Grunde ist es ein dynamisches Ausrichtungssystem. Die Zentrierung wird im Vergleich zu den Alternativen trivial gemacht. Beachten Sie, dass Sie möglicherweise @media-Breakpoints benötigen, meist um die flex-direction
zu ändern.
Es hat kürzlich almost (sorry IE) Universal-Browser-Unterstützung gewonnen. Wenn Sie sich für IE interessieren, verwenden Sie eine Unterlegscheibe wie flexibility.
Wenn Sie Bootstrap-ähnliche Grid-Systeme verwenden möchten, gibt es bessere alternatives, wenn Sie in sie suchen möchten. Persönlich kein Fan von Bootstrap (mehr ...) aber was auch immer dein Boot schwimmt, nehme ich an.
Hmm zu viel zu erklären. Zuerst. Herzliche Glückwünsche. Es sieht viel schöner aus als mein erstes Design. Check out http://getbootstrap.com/ insbesondere http://getbootstrap.com/css/#grid Es geht um ein CSS-Grid-System, das Ihre Website auf Ihre Bildschirmbreite neu anordnen. Außerdem verstecken Sie normalerweise Dinge, die auf kleinen Bildschirmen nicht gut aussehen, oder passen Sie Ihre Inhalte/Texte mit kürzeren Versionen an. – chickahoona
Mein Vorschlag wäre, ein existierendes responsives Framework zu finden (Bootstrap/Foundation kommt mir in den Sinn) und strukturiere dementsprechend dein HTML. Identifizieren Sie verschiedene Abschnitte in Ihrem Design und wie sie mit den Elementen in Ihrem gewählten Framework übereinstimmen und schreiben Sie dann Ihren Code. Es ist viel einfacher, ein reaktionsfähiges Layout von Grund auf zu erstellen, anstatt es in den vorhandenen Code zu integrieren. – Serlite