Jingdongは、モバイルWebプロジェクト - (1)静的なページを完了

(1)優れたページを表示することができ、ブラウザや携帯端末では、コンテンツの頭を追加

ショートカットメタ:VP +タブ

<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0、ユーザースケーラブル=なし」>

最後のプロパティは必要ありません

位置

<メタ文字セット= "UTF-8">后
元のCSSスタイルシート
(2)ユーザ操作にページ幅の変化、及び無変形現象
全幅移動端
幅:100%;
携帯端末が歪めないように、最小と最大の幅を設定
最大幅:640ピクセル;
最小幅:320ピクセル;
640および一般320PX
(3)二回図です。
時には、画像の解像度とサイズがうまく適応されていないページ
2倍を使用して、図の方法
背景サイズ:200pxの200pxの、ピクセル長の画素幅
(4)ページスケーリングモード変更と検索ボックスの長さ
1flex
2margin:0 100pxに。
3padding:0 100pxに。
親コンテナの幅の検索ボックスの部分を参照すると、特に幅が人工の周囲に配置することができない効果なし場合フローティング
最大幅:640ピクセル;
/ *記入しないでください、そしてブラウザがオーバーフローします* /
幅:100%;
(5)画像は、ベースライン下の空隙を整列していません
/ *ブロック要素として1セット
0 2.可能なテキストのフォントサイズ
3.vertical-ALIGN:下* /
1であればどちらの画像が水平方向にセンタリングされていることを確認
なお、表示のように書き換えることができる:インラインブロック;
(4)における同じ要素の異なるパターンの複数の部分を
李:第一の型の第1の李
スパン:第n-最後の型(3N)は3の倍数にまたがります
(5)スプライト図法線と方向座標グラフ
(6)ページ構造
ページを分割する機能
機能の改良では
製品は同じ内容ではないとした特定のフィールドが、
しかし、構造は同じであるので、同じクラス名とスタイル
新しい空のクラスの特別なセクションを含みます
改変の全ては、区別することができると修正回避する場合
(7)高は、親要素0であります
インナーサブ要素は、親要素に設定されていないされ、拡張幅の浮動高さが原因とすることはできません
この方法は、親を浮動削除することです
 

おすすめ

転載: www.cnblogs.com/linquesblog/p/11444157.html