2

フル HD モニターでブラケットを開き、その幅をどんどん小さくし始めると、ビュー/レイアウトも変更されます。

JavaScript で処理するのは簡単ですが、多くのコードが追加されます。CSS Magic(Declarative)でもできるの?はいの場合、どのように?

4

2 に答える 2

3

これは、ウェブサイトが画面サイズに応じて調整される場合、レスポンシブ ウェブ デザインと呼ばれます...

この種のレスポンシブ Web サイトは、 CSS3 メディア クエリを使用して簡単に作成できます。

一般的なタイプのデバイス向けの CSS メディア クエリの記述方法

レスポンシブ Web デザイン: 概要と使用方法

レスポンシブWeb デザインを検索すると、このトピックに関するさらに多くの情報が見つかります。小さな画面から大きな画面まで、すべてのデバイスで Web サイトの見栄えを良くする本当に素晴らしい方法です。

于 2012-12-05T07:10:55.340 に答える
2

まず、レスポンシブ Web デザイン (RWD) について自己紹介します。 http://www.alistapart.com/articles/responsive-web-design/

Twitter BootstrapFoundationなどのフロントエンド フレームワークを利用できます。これらのフレームワークは、RWD でサイトを作成するためのツールの広範なリストを提供します。

または、CSS メディア クエリを使用して、CSS 内で画面解像度を検出し、それに応じてスタイルを設定します。

于 2012-12-05T07:13:15.760 に答える