0

さまざまなブラウザーや画面サイズ (携帯電話のブラウザー、iDevices、デスクトップなど) に合わせてスケーラブルなフォームを作成する正しい方法は何ですか? それとも、お互いに特定のページを作成するしか方法はありませんか?

簡単な画像のアップロードとメール送信フォームを作成する課題があります。フォームはさまざまなデバイスから使用されており、すべてのフォーム要素 (ボタンなど) を各ブラウザーでスケーラブルで適切なサイズにしたいと考えています。

4

1 に答える 1

2

css メディア クエリを使用して...基本的に css ファイルで、ブラウザー ウィンドウの特定の幅を設定し、その css ブロックに正しいスタイルを配置します。

@media (max-width: 699px) and (min-width: 520px) {
  body {
    background: red;
  }
}

ブラウザ ウィンドウの幅が 520px から 699px の間である場合は常に、ボディの背景が赤になります

「レスポンシブ ウェブ デザイン」と「CSS メディア クエリ」を調べてみてください。 http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

于 2012-08-31T13:28:53.163 に答える