ページレイアウト自動変更ブラウザを変更しようとするとズームアウトする

Question

私は、1680pxの画面で最もよく表示される応答性の高いWebページを設計しました。しかし、私はFirefoxのビューメニューを使用してページをズームアウトしようとしているとき、ページレイアウトは、2つの列で自動的に変更され、ページの内容も最悪のデザインに変更されます。

ページのURLが1680px以上のピクセルで最高の図であるページの

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

スクリーンショットです。 未満1680pxで/最悪適切でないページの

スクリーンショット（これは私がすべてのpixcelにするレイアウトです）。

Iレイアウトは（/ズームインズームアウト）すべての解像度（1680px）に示されている同じになりたいです。

私を助けてもらえますか？

Answer 1

あなたのCSSクラスに変更を加える必要がありますか私は、ブートストラップを使用することを示唆し、それはあなたが一列にブートストラップクラスを指定することができますあまりにも多くの複雑なマストヘッド用など

のためのブートストラップを使用して整列するものではなく、列空間のCOL-LG-12

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

だから、あなたは完璧な応答性のウェブサイトのためのグリッドシステムのレイアウトを使用する必要があり、ここでhttp://getbootstrap.com/

Answer 2

からより多くの詳細については、ブートストラップのドキュメントを参照してください BootstrapまたはFoundation 5を使用できます。

も参照してください。http://www.hongkiat.com/blog/bootstrap-alternatives/