0

ビューポート スクリーン モードを組み合わせて使用​​しましたが、複数の携帯電話やプラットフォームでテストすると、機能しない傾向があります。

以下を使用して定義された 480px 幅の HTML ドキュメントを作成するために使用したコードの例:

<link rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 480px) href="mobile.css" />

されている:

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

どんな助けでも感謝します。

4

1 に答える 1

1

非常に多くの異なる画面サイズがあるため、それらすべてにスタイルを設定しようとすると、負け戦になります。より良いアプローチ (ほぼ間違いなく) は、独自のコンテンツの自然なブレークポイントに焦点を当て、(必要に応じて) @media ルールを設定して、必要に応じてコンテンツをリフローすることです。ブラウザ ウィンドウを狭めたり広げたりすることで、これらのブレークポイントを簡単にテストできます。次に、画面サイズに関係なく、すべてのベースをカバーしたことがわかり、コンテンツはそのデバイスに適切に流れます.

于 2013-05-26T09:10:42.620 に答える