質問です。

以下このサイトのhtml, cssについての質問です.

####サイトをiPhone（またはpcのchromeのデベロッパー）で表示したときにflexboxが作用しない. (解決済み)

(chromeで表示したiPhoneの画面)

iPhone上では右のブロック要素が左のブロック要素の下に来る予定です.
そのために以下のコードを使っています.

@media screen and (max-width: 768px) {.flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

しかし, デベロッパで確認したところpcのウィンドウのサイズを変えたときには作用したのですがchromeでiPhoneの画面を再現したところウィンドウのサイズを変えても上のスクリーンショットのpaddingの中の数字がwidthが980のままです. 何か解決策はないでしょうか.