主要なブラウザーのほとんどがフル ページ ズームをサポートするようになったので (現時点では、唯一の注目すべき例外は Google Chrome です)、リキッド レイアウトやエラスティック レイアウトはもはや必要ないのでしょうか? 液体/伸縮性のあるレイアウトを構築することの相対的な苦痛は、努力する価値がありますか? リキッド レイアウトが有効な状況はありますか? ページ全体のズームは、最初に見える本当の解決策ですか?
10 に答える
はい、一般的に 15 インチから 32 インチまでの多種多様なスクリーンが存在するためです。また、人々が「快適な」フォントサイズと見なすものにもいくつかのバリエーションがあります. これらすべてを合計すると、コンテンツが収まる必要があるサイズの幅がかなり広がります。
どちらかといえば、巨大なモニターにスケールアップし、携帯電話デバイスにスケールダウンするにつれて、リキッド レイアウトの必要性がさらに高まっています。
はいはいはい!一部のデザイナーは、ユーザーが常にブラウザーを最大化すると想定していたため、サイトを水平方向にスクロールしなければならないことは、私にとって大きな悩みの種であり、私は一人ではないと確信しています。その上、本当にひどいビジョンを持っている人として、レイアウトが流動的である場合、フルページズームが最も効果的であると言わせてください。そうしないと、ナビゲーションバーが(表示されている)画面から外れてしまいます。
CSS でページ全体のズームを行うことは、特に、ほとんどのブラウザーがこの種のズームをネイティブで行うようになったため (さらに、ref [img] タグを使用すると、はるかに優れています)、それほど価値はありません。
固定幅の使用に関しては、これには副次的な機能があります... フォント サイズを大きくすると、1 行に表示される単語が少なくなり、一部の人は読みやすくなります。
たとえば、非常に幅の広いテキスト ブロックを読んでいて、同じ行を 2 回読んでいることに気付いたことはありませんか? 行の高さが増やされた場合 (font-size と同じ効果)、1 行あたりの単語数が少なくなれば、これはあまり問題になりません。
私はこれに関して現実世界の問題を抱えていました。デザインでは、素敵な境界線内に固定幅のページが必要でした。幅800ピクセルからブラウザウィンドウの数ピクセルを引いた範囲内に収まります。左側のメニューから200ピクセルを引くと、コンテンツ領域の幅は約600ピクセルになります。
問題は、サイトコンテンツの一部が動的であったため、ユーザーがテーブルの幅600ピクセルに制限された、素晴らしい1280x1024の画面でテーブルのデータを編集および参照する結果になったということでした。
動的コンテンツが主にテキストになる場合を除いて、動的コンテンツではブラウザウィンドウの幅を考慮に入れる必要があります。
伸縮性のあるレイアウトは、ズームではなくラッピングに関するものです。画面の解像度が高い場合は、ユーザーがより多くの情報を画面に収めることができ、解像度の低い画面でもコンテンツにアクセスできるようにします。ページのズームはこれを実現しません。
ブラウザにはこのフルページズーム機能がありますが、リキッドレイアウトはまだ必要だと思います.
アクセシビリティの観点から見ると、ページのズームはひどいものです。これは、「ページを適切にデザインすることに煩わされなかった [デザイナー] ので、フォントを大きくしてページを水平方向にスクロールする [ブラウザー開発者]」と言っているのと同じです。Microsoft の後に Firefox が崖から飛び降りて、これをデフォルトにしたなんて信じられません。
リキッド レイアウトがまだサイトに関連しているかどうかを判断できるのは、サイトの訪問者だけです。
YUI-CSS や Google ウェブサイト オプティマイザーなどのフレームワークを使用すると、訪問者が何を好み、意見を脇に置き、冷静な結果に頼ることが非常に簡単になります。
はい - リーダーが使用している解像度や画面サイズがわかりません。さらに、アクセシビリティが必要/使用されているかどうかもわかりません。上で述べたように、誰もがフルページズームについて知っているわけではありません - 私はそれについて知っていますが、ほとんど使用していません...
ただし、リキッド レイアウトはユーザビリティの問題を引き起こす可能性があります。
幅が広すぎるコンテンツ コンテナは、非常に読みにくくなります。
多くのブログでは、特にこの理由から固定幅のコンテンツ コンテナーを使用しています。
または、複数列のコンテンツ コンテナーを作成して、新聞のような効果を得て、テキストの薄いコンテナーを複数列に並べることもできます。ただし、これを行うのは難しい場合があります。