1

ビューポートのサイズを次のように定義できることを知っています。

<meta name="viewport" content="width=330, user-scalable=no, initial-scale=1, maximum-scale=1">

そして、ビューポートをデバイスに合わせて調整できることを知っています：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

デバイスの幅を検出してビューポートを割り当てる (JavaScript を使用しない) 方法はありますか?

例えば、

device-width が設定する範囲 (0-450px) にある場合:

<meta name="viewport" content="width=400, user-scalable=no, initial-scale=1, maximum-scale=1">

device-width が設定する範囲 (451-900px) にある場合:

<meta name="viewport" content="width=700, user-scalable=no, initial-scale=1, maximum-scale=1">

これについて詳しく説明している参考文献をオンラインで見つけることができませんでした。助けや参考文献を本当に感謝します。

4

1 に答える 1

0

私が JavaScript でやろうとしていたことは、そうです、W3C の標準化された方法で実現できることがわかりました。

メディア クエリと組み合わせて、解像度に応じて特定の要素のスタイルを変更するには、次のように定義するだけです。

<meta name="viewport" content="width=width, user-scalable=no">

また、ビューポートはページのサイズを自動的に想定します。

于 2013-02-09T02:31:02.077 に答える