html - ウィンドウのサイズ変更時にウェブサイトを拡大する必要がありますか?

Question

私は純粋にユーザビリティからこの質問をしていstandpointます!

expand/stretchブラウザウィンドウのサイズを変更するときに、Web サイトを表示領域いっぱいに表示する必要がありますか?

明らかな短所があることは確かです。

テキストの幅の広い列は読みにくいです。
パーセントを使用して html/css を記述するのは面倒な場合があります。
画像の幅が広すぎたり、長すぎるテキストブロックが追加されたりすると、デザインが限界を超えて引き伸ばされてしまう可能性があります。（ html/css をコーディングするのは面倒です）。

私が考えることができる唯一の長所は、ブラウザーに組み込まれているフォントのサイズ変更を使用するユーザーが、white-space両側に本文がある、数単語の長さの列を処理する必要がないことです。

ただし、それは何よりもブラウザの問題である可能性があると思います (Firefox 3 では、テキストだけでなくすべてをズームできるため、常に便利です)。

編集：スタックオーバーフローは固定幅ですが、コーディングホラーのサイズが変更されることに気付きました。ジェフはどちらの方法にも強いこだわりを持っていないようです。

score 11 · Accepted Answer

生の HTML はまさにそれを行います。ランダムなサイズのウィンドウでうまく表示されないようにデータを変更していますか?

昔は、誰もが VGA 画面を持っていました。現在、その解決策は最も一般的ではありません。将来、どのような解決策が一般的になるか誰が知っていますか? そして、特定の最小幅または高さを期待するのはなぜですか?

使いやすさの観点から、ユーザーに特定の解像度を要求することは、その解像度を使用していないユーザーのエクスペリエンスを低下させるだけです。これから来るもう1つのことは、固定幅とは何ですか? 私のフォントがデザイナーのフォントと異なるために正しく表示されない固定サイズのウィンドウ (ポップアップ) をたくさん見てきました。

score 4 · Accepted Answer

Web サイトのスケーリングに関しては、ブラウザーの「ズーム」機能を使用して適切にスケーリングされる固定サイズの Web サイトが好きです。1920 解像度のモニターで、フォントが小さい非常に幅の広いページは必要ありません。Web デザイナーがズーム時にうまくスケーリングするために何かをする必要があるかどうかはわかりませんが、FF3 のズームは素晴らしく、IE7 のズームは役に立ちません...

score 3 · Accepted Answer

デザインは、合理的な範囲内で流動的でなければなりません。

CSS の hasmin-widthとmax-widthproperties (IE7+ を含むすべてのブラウザーで機能する) を使用して、デザインが伸びすぎないようにします。

score 2 · Accepted Answer

人々が言っているように、それは本当にサイトが表示している情報に依存します。2つの良い例は、StackOverflowとGoogle画像検索です。

スタックオーバーフローが画面に合わせて拡大された場合、長い行をスキャンするのが難しいため、長い回答を読むのは面倒です。これが、新聞がすべてに列を使用する理由であり、本がすべて同じ種類の幅である理由です。

コンテンツが基本的に200px幅の画像の束であるGoogle画像検索では、ブラウザの幅に合わせて拡大され、それでも完全に読み取り可能です。

基本的に、目は長いテキスト行を読むのが嫌いであることに留意し、それに基づいてデザインを作成します。フォントサイズを大きくすると、すべてのレイアウトがそれに合わせて適切に拡大縮小されるようにサイトを設計できます（これを行うことができる唯一のサイトは、www.geektechnique.orgです。Ctrl+ -/=またはCtrl+scrollwheelを押すと、レイアウトの幅が次のように変わります。フォントサイズ）

score 2 · Accepted Answer

The important thing is never to have a block of text stretch too wide. If a window is expanded, no block of text should indefinitely stretch to match because reading becomes a difficulty.

score 1 · Accepted Answer

これは、Web サイトのデザインの複雑さに応じて決定する必要があります。グラフィックやコンポーネント (コンテンツ div の量) が複雑であるほど、Web サイトがどれだけうまくスケーリングされるかが決まります。一般に、ほとんどのグラフィックデザイナーの Web サイトは、グラフィックを多用するため、スケーリングされません。ただし、情報 Web サイトは、画面上の読み取り可能なスペースを最大限に活用するようにスケーリングされ、使いやすさのために複雑ではありません。それは本当に好みの問題です。

score 1 · Accepted Answer

サイトの内容によると思います。SOFlow、フォーラム、およびその他のサイトのようなサイトは、多くの詳細を読むことに重点を置いています。垂直スクロールが少ないほど良い。

ただし、読解レベルの要求がやや少ないサイトの場合、ブログや小売サイトで個々の製品を表示するだけの場合でも、固定幅を使用すると、物事をより簡潔に保つことができます.

score 1 · Accepted Answer

注: ブラウザーでズーム機能を使用する場合、固定レイアウトではテキストが押しつぶされますが、流動レイアウトではテキストが画面全体に表示されます。

多分これは単なるブラウザの問題かもしれませんが、それは間違いなく流体を支持する議論です

score 1 · Accepted Answer

私は完全に流動的なデザインの大ファンです。長すぎるテキスト行に関するユーザビリティの不満については...ブラウザウィンドウのサイズが原因で長すぎる場合は、ウィンドウを広くするのと同じくらい簡単にウィンドウを狭くすることができます。

score 1 · Accepted Answer

これはスタイリングの好みの問題です。実装によっては、どちらも同等に使用できます。画面が十分に広くなれば、列も使用できます。個人的には、画面の下に 1 列のテキストが表示されるのが煩わしく感じます。

2012年の編集：はい、あなたのウェブサイトは、表示されているウィンドウのサイズに対応する必要があります.

これについては、次のような多くの場所で読むことができます。

score 1 · Accepted Answer

私は多くのことが好きだと思います：それは依存します。私は通常、両方を行います。一部のコンテンツは、見栄えを良くするため、またはより多くのスペースを確保できない場合は固定幅のままです。それが有用であると思われる場合、他のものは100％に設定されています。

score 0 · Accepted Answer

固定設計と流動設計の間にはおそらく妥協案があります。流動的なサイトを設計できますが、cssプロパティmax-widthを1024（またはその他）に設定します。これは、window widthが1024未満の場合、およびfixed widthそれが大きい場合に、流動的なレイアウトが得られることを意味します。

次に、ナロースクリーンユーザー（私の800ピクセルeee 701など）は、すべての行を読み取るために水平スクロールバーをいじる必要はなく、ワイドスクリーンユーザー（ブラウザーウィンドウのサイズを変更する方法を知らない）は500文字幅になりません、1文字の高さの段落。

score 0 · Accepted Answer

段落の幅がディスプレイよりも大きいと、Web サイトがまったく使い物にならなくなります。読む行ごとに、水平スクロールバーを前後に揺らす必要があります。私は大学でウェブデザインの科目をやっていますが、教科書では、画面幅の流動的なレイアウトに適応するデザインを呼び出しています。

流動レイアウトを使用して大規模なクラスプロジェクトを設計していますが、固定幅よりも少し面倒です。他の学生は誰もそれを使用しないと思います.マーカーは気付かないでしょう.また、私たちが模倣しているプロのサイトも流動的ではありません.

score 0 · Accepted Answer

多くの人が、「これは好みの問題だ」とか「高ピクセルディスプレイで大きなフォントが好きではない」などと言っています。画素数は関係ありませんし、好みの問題でもありません。これは、ディスプレイの解像度とフォントサイズに直接関係する DPI の問題です。レイアウトがフォントの DPI に合わせてスケーリングされる場合 (たとえば、ems で指定され、SVG を使用することにより)、最終的には、どのディスプレイでも最適に動作する、非常に美しく鮮明な Web サイトになります。

http://www.boutell.com/newfaq/creating/anyresolution.html

score 0 · Accepted Answer

私はずっと流動的だと思います。ユーザーは、ウィンドウを拡大した結果が気に入らなければ、いつでも小さいサイズのウィンドウに戻ることができますが、固定レイアウトについては何もできません。

大画面のユーザーが行うことのせいでサイトが醜く見えるという考えが本当に本当に嫌いな場合は、真実で美しいすべてのために、少なくともピクセルベースの固定レイアウトを使用しないでください! CSS には、"em" のようなきちんとしたテキスト相対サイズ単位があり、ページの一部をフォントサイズに合わせてスケーリングし、他の部分 (画像など) を "自然な" サイズのままにすることができます。

それらを使用して、FF3 の柔軟性の低い「すべてをスケーリングする」機能に頼らずに、ページを適切にスケーリングしてみませんか?

html - ウィンドウのサイズ変更時にウェブサイトを拡大する必要がありますか?

15 に答える 15

2012年の編集：はい、あなたのウェブサイトは、表示されているウィンドウのサイズに対応する必要があります.

Related

Reference