CSS応答Magentoの

Question

私は私の窓未満750pxのサイズを変更すると、htmlタグはまだ幅の980pxを持っているなぜ私はこのウェブサイト上https://makedaadolls.com/store/

をMagentoのテーマの応答バージョンを作ることに取り組んでいますか？

ここは私のCSSルールです。

@media only screen and (max-device-width: 750px) and (min-device-width: 320px){ 
    html { 
     width: 100%; 
     max-width: 750px; 
    } 
} 

Answer 1

あなたはあなたのサイトのヘッダーに少なくとも応答メタタグを必要とする：

<meta name="viewport" content="width=device-width, initial-scale=1">

は、その後、あなたのヘッダーとメインのナビゲーションバーにも対応していることを確認する必要があります（彼らは現在、そうではない）。基本的には、すべてのコンテナが幅の代わりに最大幅を持つ必要があります。この場合、メディアクエリーを使用してhtmlを反応的に設定する必要はありません。