0

少しレスポンシブなデザインを目指しています。新しい css ファイルを読み込んで JS を使用して画面サイズを定義する必要がある場合、レスポンシブ デザインを読み込むときに人々がどのように感じるか知りたいと思いました。または、現在の css ファイル内にメディア クエリを作成し、そこから移動する必要があります。速度と人々が感じていることについて意見を求めることが、より最適なアプローチです。

4

3 に答える 3

1

スタイルに関するすべてを CSS ファイルに入れるのがベスト プラクティスです。

  • HTML => 構造
  • CSS => スタイル
  • JS => ロジック

懸念事項を分離すればするほど、コードの保守が容易になります。

于 2013-04-25T14:05:41.877 に答える
0

JavaScript が無効になっている可能性があるため、レスポンシブの目的で CSS のみを使用する必要があります。

JavaScript なしでは本当にできない場合 (たとえば、dom 内の要素を移動する場合)、js を使用できないユーザー用のフォールバック css があることを確認してください。

于 2013-04-25T14:03:36.700 に答える
0

実際、非常時でない限り、JavaScript を無効にするユーザーはほとんどいません (たとえば、新しい携帯電話のバッテリーが切れたために古い携帯電話しか持っていない場合など)。サイトがこれらの状況に向いていない場合は、ユーザーが無効にすることを気にせずに JavaScript を使用してください。

一般に、メディア クエリを 1 つの css ファイルに入れることは、ファイル サイズが妥当である場合に適しています。

一方、古い IE はメディア クエリをサポートしていないため、Javascript はまさにフォールバックです。

bootstrapなどのいくつかのフレームワークを参照できます。実装はすべての回答を上回ります。

于 2013-04-25T14:15:08.633 に答える