-2

そうですね、ここでちょっとした議論があります --

div と HTML5 標準で Web サイトを作成しています。ただし、画面の解像度が原因で、私の Web ページは 1440x900 にしか収まりません。たとえば、800 x 600 のデスクトップ解像度に合わせてページのサイズを変更するには、CSS メディア クエリを使用する必要がありますが、次のように考えます。

  1. Photoshop も同じサイズ変更を行いますが、スライスとさいの目に切ったテーブルでは、他のコードや CSS の微調整は必要ありません。すべての解像度で自動的にサイズを変更するのに役立つ場合 (モバイル サイトの場合でも)、テーブルは本当に悪いのでしょうか?

  2. あなたの CSS メディア クエリが、フル スクリーンの 800 x 600 解像度のブラウザではなく、768 x 560 のブラウザ画面を使用しているユーザーに出会った場合はどうなるでしょうか? それは、ウィンドウ サイズに合わせるために、CSS メディア クエリでその解像度を定義する必要があるということですか? (ここで言いたいのは、私のメディア クエリは、320px、480px、600px、768px、1024px、1400px の定義されたサイズのブラウザーにのみ適合し、これらの値が画面を正しく表示すること以外には何もないということです。)

  3. 現在、CSS3 メディア クエリを使用していますが、多くの解像度サイズ (幅 320px、480px、600px、768px、1024px、1400px から) を定義する必要があります。これは本当に必要ですか？

4

3 に答える 3

2

  1. Photoshop は、「すべての解像度で自動的に」サイト デザインのサイズを変更するのに役立ちません。実際、最近の状況では、将来どのデバイスでどのような解像度になるかを知ることはほぼ不可能です。Android OS は現在、100 を超えるさまざまな解像度に対応していると思います。また、Photoshop は実際にはグラフィック プログラムであることにも注意してください。

  2. メディア クエリはブレークポイントのアイデアを利用していますが、流動的なデザインのアイデア (固定幅/サイズの代わりにパーセントを使用) と組み合わせるのが最適です。すべての一般的なモニター幅に合わせてメディア クエリを定義する必要はありません。流動的なデザインの原則を使用することをお勧めします。その後、特定のポイントまたは幅で混雑したり、間隔が広すぎたりする場合は、メディア クエリ (ブレークポイント) を使用して、画面/ブラウザー ウィンドウの物理的なサイズに合わせてレイアウト/デザインを変更します。 .

  3. 必要な場合もあれば、そうでない場合もあります。繰り返しますが、特定の時点でデザインを変更するかどうかによって異なります。パーセンテージのみでサイトを設計して、何が可能かを確認してみてください。その後、物事が見苦しくなったり、視覚的にうまく浮かない場合は、それらのブレークポイントにいくつかのメディア クエリを挿入し、ニーズに合わせてフロートとプロポーションを調整します。

于 2012-05-24T03:45:22.983 に答える
1

Photoshopでは、手動で行う必要のあるページのサイズを変更することはできません。他のポイントメディアクエリでは、1cssで多くのWebサイトを設計しています。

<body style="width:100%">
<div style="width:200px;"></div>
<div style="width:200px;"></div>
<div style="width:200px;"></div>
<div style="width:200px;"></div>
</body>

これにより、デスクトップとモバイルのすべてのデバイスのすべてのコンテンツが自動的に調整されます。

于 2012-05-24T07:10:23.573 に答える
0

さまざまなデバイスに基づいてアプリケーションを開発している場合。css メディアクエリに依存するのではなく、 960.gsを見るのは本当に良いこと です。1日か2日の学習曲線が必要ですが、私たちの生活を楽にしてくれます。

于 2012-05-24T13:44:51.683 に答える