私のページは私の携帯電話で見るとき同じように働いていないのはなぜですか？

Question

私のページのリンクは次のとおりです。https://intense-bayou-64974.herokuapp.com/

私はPC用に独自に作成したもので、メディアクエリとjQueryコードを調整して小さいスクリーサイズに対応しました。ウィンドウのサイズを変更するとデスクトップPCのブラウザでうまく動作しますが、携帯電話で見ると画面の半分を占める白いマージンがあり、メディアのクエリは受け付けられませんでした効果。私はここで間違って何をしていますか？

Answer 1

これは緑色の円です。あなたのサイトはクロームで表示され、「左にスクロール」してコンテナがあふれていることがわかります。参照：https://www.dropbox.com/s/7lmks1wo6e2qajx/Screenshot%202016-11-02%2014.50.14.png?dl=0

overflow: hiddenに.categoriesを追加すると、問題が発生していないことがわかります。