2

モバイルビューポートに表示/サイズ変更するときに、CSS を適切なドキュメントレイアウトに効果的に縮小する方法について、誰かがヒントを提供できますか?

CSSボックスでパーセンテージを使用することについて読んだことを覚えていますが、これを試しても正しくスタックできません。

どんな助けでも素晴らしいでしょう！

4

2 に答える 2

4

metadept の答えは、私の知る限り、これを行うための最良の方法です。しかし、ほとんどの場合と同様に、必要がないときに車輪を再発明するべきではありません。また、メディア クエリを使用して応答性の高い Web サイトを構築するための優れた CSS フレームワークが存在することもあります。私の個人的なお気に入りはBootstrapです。あなたにとって特に興味深いのは足場セクションです。

適切なクラスを要素に追加するだけで、さまざまな表示モード (デスクトップ、タブレットなど) で物事を再配置でき、デフォルトでレイアウトを使用してかなりインテリジェントな処理を自動的に実行します。

その他の良い選択肢 (これらを追加するよう提案してくれた metadept に感謝します) は、Zurb Foundationと960 Grid Systemです。

headこれらのフレームワークのいずれかで、これを!に追加することを忘れないでください。

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

これにより、Web ページは多くの最新のスマートフォンの幅で表示されます。

于 2013-04-04T14:38:54.140 に答える