CSSレスポンス：モバイル版

Question

私はCSSで新しく、メディアクエリでレスポンシブなデザインを作成しています。 ブラウザのサイズを480px以下に変更すると（@mediaのみの画面と（最大デバイス幅：480px））、デザインはうまく動作しますが、モバイルで開いたり、Chromeのトグルデバイスツールバーを使用すると、小さすぎると、小さなウィンドウのデスクトップと同じデザインが得られませんでした。

モバイルでのデザインをデスクトップの小さなウィンドウと同じにするには、何か不足しています（別のメディアクエリなど）。

ありがとうございました

Answer 1

あなたのHTMLにこれを追加してみてください。

私の推測ではズームは問題です。どちらか、またはあなたの携帯電話の実際の解像度は480pxよりも大きいかもしれません。

貼り付けたコードの行はで、Web上で反応性の高いモバイルの最初のプロジェクトを開発するための最も一般的なHTML、CSS、JSフレームワークです。（彼らのウェブサイトからの引用。私はそれに同意しない）。

私はブートストラップをメディアクエリで作成しているので、実際にレスポンシブウェブサイトであると考えています。