私は既存のサイトをレスポンシブにするのに忙しいのですが、現在、セールス マネージャーがレスポンシブ サイトのアイデアをクライアントに「売り込む」ことができるように、1 つの解決策に対してのみレスポンシブにしています。問題が発生しました。Samsung Galaxy S III Mini の画面サイズである 480px x 800px の画面サイズが割り当てられました。
Firefox のレスポンシブ デザイン ビューまたはその他のさまざまなオンライン ツールを使用して、自分のコンピューターでレスポンシブ デザインをテストすると、問題なく動作します。ただし、携帯電話でテストすると、正しいレスポンシブ デザインが表示されますが、画面の幅がいっぱいになりません。つまり、画面の幅は 480 ピクセルですが、実際にはページ上でその 480 ピクセルを埋めるものはなく、画面幅の約半分しかカバーせず、右側に余白が残ります。
これは私が使用しているメディア クエリです。
@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){
これはピクセル密度と関係がありますか、またはこの問題の原因は何ですか?
よろしくお願いし
ます
ウィレム