レスポンシブなレイアウトは、私が望む位置に正確にはありません

Question

私は一週間前にレスポンシブルなレイアウトを残そうとしていますが、これは私が見つけたウェブサイトと非常によく似ています。私は、私が見た応答可能なサイトのイメージを送信しています、私は私の姿をイメージしています。

私は似てやりたいサイトはこれです：

http://mapa.buenosaires.gob.ar

と私は同じことをやりたいサイトはgitのである、あなたが好きなクローン、ダウンロード、共有を作ることができます。

https://github.com/eltonsantos/snippets_uteis/tree/master/sidebar_bootstrap

サイト、フルスクリーンと私は私が望むとおりに正確に行うことができた大きいが、私は届かない応答部分の正常な部分は、すべてが歪んと間違った場所に、壊れています。どうか誰でも助けてくれますか？

私はそれがサイト上で、私は、少なくとも理由を理解するであろうと、私はまさにそれを残すことができないメディアクエリを使用していても

。誰か助けてくれますか？

Answer 1

CSSはトップからボトムまで、つまりモバイル版の要素に対して行われた変更は、デスクトップのCSSプロパティーが読み込まれると新しいスタイルを取得することを意味します。だから、あなたは何をするつもりがCSSコードをリセットすることです。例えば

、

// This is mobile CSS 
.btn { 
    color: red; 
} 

@media screen and (max-width: 500px) { 
    // this is desktop CSS 
    .btn { 
     color: blue; 
    } 
} 

私たちは色なしで、デスクトップCSSのBTNを残すようにしている場合は、自動的に色の赤を持っているでしょう。しかし今、我々はそれを無効にする。