スマートフォン用に以下のレイアウトを作成しています。iPhone、Android、ブラックベリーが主なターゲットです。レイアウトは、縦向きでも横向きでも同じです。横向きの場合は、幅に合わせて拡大縮小されます。私がやりたいのは、画面の向きが同じ相対位置にあるかどうかに関係なく、テキストの位置とサイズを設定することです。灰色のボックスは画像を表しています。このシナリオでは、特定のcssユニット、vw、em、または％に利点がありますか？
質問する
2369 次
1 に答える
1
私は使用します%。計算が最も簡単で、常に外部要素（コンテナがある場所<body>）の画面と内部要素のコンテナを基準にしています。emは、ユーザーのデフォルトのフォントサイズを基準にしています1em = 12 pt。emはこれには良い選択ではないと思います。ただし、ユーザーがズームせずにモバイルデバイスでコンテンツを読み取れるようにする場合は、テキストサイズにemを使用することをお勧めします。
vwが何であるかはわかりませんが、次のサイトを見つけました：http ://snook.ca/archives/html_and_css/vm-vh-units 。また、vhユニットについても説明します。それらは100vw、現在のビューポートの全幅であるビューポートを基準にしているようです。これがとどのように違うのかわかりません100%。
画像や物事については、幅や高さmax-を使用することを検討します。min-
于 2013-02-13T18:13:19.073 に答える