質問

主要なブラウザのほとんどがフルページズームをサポートしているため (現時点で唯一の顕著な例外は Google Chrome)、リキッドレイアウトやエラスティックレイアウトはもう必要ないのでしょうか?液体/伸縮性のあるレイアウトを構築するのは比較的苦痛ですが、努力する価値はありますか?リキッド レイアウトが依然として有益となる状況はありますか?ページ全体のズームは、最初に思われる本当の解決策なのでしょうか?

役に立ちましたか?

解決

はい、一般的に 15 インチから 32 インチまでの多種多様なスクリーンがあるからです。人によって「快適な」フォント サイズと思われるサイズにも多少のばらつきがあります。これらすべてを合計すると、コンテンツを適合させる必要があるサイズがかなり広範囲になります。

むしろ、巨大なモニターや携帯電話デバイスにスケールアップするにつれて、リキッド レイアウトの必要性がさらに高まっています。

他のヒント

CSS でページ全体をズームすることは、特にほとんどのブラウザーがこの種のズームをネイティブに実行するようになった (そして ref [img] タグを使用することでより適切に実行できるようになった) ため、あまり価値がありません。

固定幅の使用に関しては、これには二次的な機能があります...フォント サイズを大きくすると、1 行に表示される単語が減り、一部の人にとっては読みやすくなります。

たとえば、非常に幅の広いテキストのブロックを読んでいて、同じ行を 2 回読んでいることに気付いたことがありますか?行の高さが増加し (フォント サイズは同じですが)、1 行あたりの単語数が減れば、問題は少なくなります。

はいはいはい!ユーザーが常にブラウザーを最大化していると想定しているデザイナーがいるために、サイト上で水平方向にスクロールしなければならないのは、私にとって非常に腹立たしいことであり、私だけではないと確信しています。それに加えて、視力が本当に悪い人間として言わせてください。ページ全体のズームは、レイアウトが流動的であるときに最も効果的です。そうしないと、ナビゲーション バーが (表示される) 画面から消えてしまいます。

これに関して私は現実世界の問題を抱えていました。このデザインでは、きれいな境界線内に固定幅のページを配置する必要がありました。幅 800 ピクセルからブラウザ ウィンドウの数ピクセルを引いたサイズ内に収まります。左側のメニューから 200 ピクセルを差し引くと、コンテンツ領域の幅は約 600 ピクセルになりました。

問題は、サイトのコンテンツの一部が動的であるため、ユーザーは 1280x1024 の美しい画面上でテーブルの幅が 600 ピクセルに制限され、テーブル内のデータを編集および参照することになることでした。

動的コンテンツの大部分がテキストになる場合を除き、動的コンテンツのブラウザ ウィンドウの幅を考慮する必要があります。

伸縮性のあるレイアウトは、ズームというよりは折り返すことに重点が置かれており、画面の解像度が高い場合はユーザーがより多くの情報を画面に収めることができると同時に、解像度の低い画面でもコンテンツにアクセスできるようになります。ページのズームではこれを実現できません。

ブラウザーにはこのフルページズーム機能があるにもかかわらず、リキッドレイアウトはまだ必要だと思います。きっと多くの人がそれについて知らないか、その使用方法を知らないでしょう。

ページズームは 最悪 アクセシビリティの観点から。これは、「ページを適切にデザインするのは面倒なので[ブラウザ開発者]、フォントを大きくしてページを水平にスクロールしてください[ブラウザ開発者]」と言っているのと同じです。Microsoft の後に Firefox が崖から飛び降り、これをデフォルトにしたことが信じられません。

はい、リーダーがどの解像度を使用しているか、どのサイズの画面を使用しているか、さらにはアクセシビリティが必要/使用されているかどうかもわかりません。上で述べたように、誰もが全ページズームについて知っているわけではありません。私はそれについては知っていますが、ほとんど使用しません...

リキッド レイアウトが依然としてサイトに関連しているかどうかを知ることができるのは、サイトの訪問者だけです。

YUI-CSS や Google ウェブサイト オプティマイザーなどのフレームワークを使用すると、訪問者が何を好むかを簡単に確認し、意見を脇に置き、冷酷な結果に頼ることができます。

ただし、流動的なレイアウトはユーザビリティの問題を引き起こす可能性があります。

コンテンツ コンテナの幅が広すぎると、非常に読みにくくなります。

多くのブログでは、特にこの理由のために固定幅のコンテンツ コンテナを備えています。

あるいは、複数列のコンテンツ コンテナを作成して、複数列の薄いテキスト コンテナによる新聞のような効果を得ることができます。ただし、これを行うのは難しい場合があります。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top