0

私はレスポンシブ サイトを持っています。これは Web と 768 ピクセルの iPad で見栄えがします。問題は、アプリケーションが iPhone の 320px 幅用に作成されていないことです。私は本当に別のバージョンを作りたくありません - 実際、それは本当にオプションではありません.

私の質問はこれです.768pxレスポンシブデザインのメディアクエリに影響を与えずに、アプリ全体をiPhoneに合わせてスケーリングするにはどうすればよいですか@media only screen and (max-width: 1024px) and (min-width: 768px).

私の現在のメタタグ情報は次のとおりです。

<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0" />
<meta name="viewport" content="width=device-width" />

このような css スケール/ズームに使用するのは理にかなっていますか? iPhone/モバイルセルのみを対象としていますか?

@media only screen and (min-width: 320px) and (max-width: 568px) {
    html {
        zoom: 50%;
    }
}

768 ピクセルのレスポンシブ デザインを 320 ピクセルから 568 ピクセルのモバイル デバイスに合わせてスケーリングするベスト プラクティスは何ですか? もっと簡単な方法があるはずです。

上記のハックに慣れていません。日陰のようです。

4

1 に答える 1