ブラザーズHTML5応答レイアウトのチュートリアルと演習の概要のITバンド

5f16a58a57bc47108e1c532aebeafd05.jpg

 

概要

応答レイアウトは、異なる端末のユーザーのためのより快適なインターフェースと優れたユーザーエクスペリエンスを提供することができ、および記述するために、「トレンド」と大画面のモバイルデバイスの現在の人気、と過言ではありません。レスポンシブウェブデザイン技術は、ほとんどのWebAppの開発に使用することができます。、フレキシブル迅速マルチデバイス表示適応を解決することができ応答レイアウト顔異なる解像度のデバイス。応答レイアウトは、開発コストと容易なメンテナンスを保存することがあります。面倒なコードは、隠された要素は、長いロード時間を無駄に表示され、応答レイアウトはまた、高負荷、低効率の様々な互換性のある欠点、デバイスを有しています。異なるメディアタイプや条件スタイルシートのルールを定義しているを通じて、メディアクエリ(メディアクエリが)CSSより正確に異なるメディアタイプの役割と同じメディアのためのさまざまな条件を作ることができます。

エクササイズ

1。メディアクエリは、どのような値を得ることができませんか?(D)

A. 幅および装置デバイス幅、デバイスheigth表示画面/触覚デバイスの高さ。

B. ウィンドウの幅と高さ、幅、heigth表示画面/触覚レンダリング装置。

C. ハンドヘルドデバイスの方向、水平方向または垂直方向(縦| lanscape)やプリンタ。

D. デバイスモデルとパラメータ

 

2。どのパラメータメディアラベルは、レンダリングインターフェイスの最大幅を指定することができますか?(A)

A.max幅B.maxデバイス幅

C.max D.orientation

 

3。次の値が含まれていないロジックキーワードメディアラベル?(C)

A.only B.and

C.or D.not

 

4。本実施形態の利点はありません応答のレイアウトです:(C)

A. 異なる解像度を持つ強力な機器の顔の柔軟性

B. すぐにマルチデバイス表示の適応を解決することができます

C. 小型機器ワークロードの様々な互換性のある、高効率

D. 応答デザインは多端子統合ビジュアルスタイルと運転経験を達成することができます

 

5。あなたはすべてのサイズの画面に表示フレンドリーコンテンツが必要な場合、モバイルデバイス用のフォントを最適化することが絶対に必要です。私たちは、この目標を達成するために、標準的な単位を使用することはできません、4つのオプションのフォント単位があり、柔軟性のフォントサイズ単位(D)を提供_____であるPX、割合、EMとレム、ありますか?

A. PX B. パーセンテージ

C.em D.rem

おすすめ

転載: www.cnblogs.com/itxdl/p/12081969.html