ヘッダーには次のものがあります。
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
私も使ってみました:
@media screen and (max-device-width: 320px) { .... @media screen and (min-width: 321px) {<-- works only on iphone.. android is not 320px.
しかし、それを変更する必要がありました。
@media screen and (max-device-width: 360px) { .... @media screen and (min-width: 361px) { <--- to support iphone & android
Androidのドキュメントを調べて、ビューポートのコンテンツを320に設定しようとしましたが、Androidデバイスではコンテンツが間違って表示されます。
誰かがこれを私に分解してくれませんか?