Seitenlayout automatisch ändern, wenn versucht wird, den Browser auszuzoomen

Question

Ich entwarf eine responsive Webseite, die am besten im 1680px-Bildschirm angezeigt wird. Aber wenn ich die Seite herausziehe, indem ich Ansichtmenü von firefox benutze, wird das Seitenlayout automatisch mit zwei Spalten geändert, auch der Inhalt der Seite wird zum schlechtesten Entwurf geändert.

Die URL der Seite ist

http://www.tuitionok.com/website-demo/indofast/

Screen Shot von der Seite, die beste Aussicht in 1680px oder mehr Pixel ist. (dies ist das Layout, die ich in allen Pixcel will)

Screen Shot von der Seite, die in weniger als 1680px schlimmsten/nicht richtig ist.

Ich mag das Layout gleich sein wird, die in (1680px) in alle Auflösung (Verkleinern/Vergrößern) dargestellt ist.

Können Sie mir bitte helfen?

Answer 1

Sie haben Veränderungen in Ihrer CSS-Klasse machen oder ich würde vorschlagen, Bootstrap zu verwenden, ist es nicht zu viel kompliziert ist für zB

für Mastkopf mit Bootstrap ausrichten Sie Bootstrap-Klasse in einer Zeile angeben und Spaltenraum col-lg-12

<div class="row"> 
<div class="col-lg-12 col-md-12"> 
---- Your content goes here 
</div> 
</div> 

siehe Bootstrap-Dokumentation für weitere Details von hier http://getbootstrap.com/

Answer 2

Sie haben das Grid-System-Layout für perfekt ansprechende Website, So Sie können Bootstrap oder Foundation 5 verwenden.

Siehe auch http://www.hongkiat.com/blog/bootstrap-alternatives/