css-適応レイアウトタイプ - フローレイアウト - レイアウト対応

それを行うには、一般的に2倍の大きさに係る携帯電話のインターフェースの生産、。

幅は、表示装置の幅を作るように適合させることができるよりも大きい場合

ここに画像を挿入説明

流体レイアウト

ここに画像を挿入説明

例えば、経験

ここに画像を挿入説明

ここに画像を挿入説明

コード
ここに画像を挿入説明

PC側適応

ここに画像を挿入説明

ここに画像を挿入説明

モバイルエンド

ここに画像を挿入説明

コンピュータ、モバイル端末が正常に表示されます

、追加された各フレームにラベルを仮定

効果

ここに画像を挿入説明

期待される効果

ここに画像を挿入説明

ここに画像を挿入説明

ソリューション、A

CALC機能、マイナスマルチ画素値の百分率

失われたような左フレーム2右フレーム2、4つの画素のそれぞれは、複数の
ここに画像を挿入説明

二つのソリューション

ここに画像を挿入説明
設定ボックスサイズ:ボーダーボックス

箱の大きさの変化が計算されます

ボックスの幅と高さの範囲が定義されています

ここに画像を挿入説明

応答レイアウト

広口アダプタの大きさに応じて、レイアウトをフロー

しかし、一番下の行は次のようになります

望ましい、とき広口小さな時定数

4行表示、1つのレイアウト変更モード、2つの表示ラインの場合

ここに画像を挿入説明

ここに画像を挿入説明

行が4つのトランシェを示し

ここに画像を挿入説明
(境界線を含む)内容23

応答経験
ここに画像を挿入説明

ここに画像を挿入説明

幅が未満400である場合には

ここに画像を挿入説明

携帯電話を見ます

ここに画像を挿入説明

おすすめ

転載: blog.csdn.net/ifubing/article/details/94593597