2

私は Web 開発者として 12 年間働いていますが、その多くは趣味で、最近の 5 年間はプロです。しかし、私はまだ次の問題に頭を悩ませることができません。これはおそらく本当にばかげた質問であり、特に私から来ていますが、

寸法にまだピクセルを使用しているのはなぜですか?

約 2 ～ 3 年前、iPhone 4 のような新しい HiDPI 画面の黎明期を見ました。これが Web デザインや Web 開発にどのような影響を与えるのか、本当に疑問に思っていました。私は広告代理店で働いており、印刷 (紙やその他の物理的なものへの印刷など) について、平均的なウェブ開発者よりも詳しい知識を持っています。次はどこに行こうかと考えていたとき、私はプリントの観点から考えていました。サイズがピクセル（またはドットは正しい用語を使用）に依存しません。これは絶対にばかげています。ドキュメントをプリンターに送信する場合、ドキュメントのデザインを開始する前に、そのデバイスの DPI を知る必要があるためです。そのため、メートル法（または帝国など）のサイズを使用し、最終的にサポートする DPI の高さを事前に決定します。(300 DPI はかなり標準的な最大値です)

したがって、上記の質問に対する私の答え (2 年前) は次のとおりでした。おそらく、デバイスにはメトリックまたはピクセルに依存しないその他の測定システムを使用する予定です。さまざまな DPI を備えたさまざまなデバイスが多数あるためです。これが、デバイスが Web サイトを正しく表示することを確認できるほぼ唯一の方法です。

2 年後の今、私たちは他のソリューションを使用しています。これは、多種多様な画面設定に対する真の解決策というよりも、回避策のように感じます.

メトリクス システムに関する私の期待は間違っていますか? この解決策を不可能にする見落としているものはありますか? 私が見落としている真の論理的解決策はすでにありますか?

4

1 に答える 1

4

ピクセルは画面の固定形式であり、ご存知のように、Web で表示可能なすべてのデバイス (モニター、タブレット、電話など) は画面を通して表示されます。あなたが正しく言うように、DPI と PPI は非常に異なるものですが、私たちの画面はドットを気にしないので、うまくいきます。

ただし、(たとえばフォントの場合) % や "em" のようにスケーリングしません。

px とその固定サイズについてさらに説明するために、この W3.org ページからの小さな引用を次に示します。

px の外観を理解するために、1990 年代の CRT コンピューター モニターを想像してみてください。表示できる最小のドットは、約 1/100 インチ (0.25 mm) またはそれ以上の大きさです。px 単位は、これらの画面ピクセルからその名前が付けられました。

最近では、原則として、より小さなシャープなドットを表示できるデバイスがあります (ただし、それらを見るには拡大鏡が必要になる場合があります)。しかし、CSS で px を使用した前世紀のドキュメントは、デバイスに関係なく、同じように見えます。特にプリンターは、1px よりもはるかに細かいディテールでシャープな線を表示できますが、プリンターでも、1px の線はコンピューターのモニターで見るのとほとんど同じに見えます。デバイスは変わりますが、px の外観は常に同じです。

ここで重要なのは、レイアウトに必要なものに依存するということです。%、px、pt、em (など) があり、これらのツールを目前のタスクに使用する (または使用しない) ことを選択できます。多くの人は、デバイスに応じて再スケーリングするアプローチを使用しません (これには自動検出があります) が、他の人にとっては完全に適しています。

スケーリングするものに関する私にとっての問題は、デザイン全体で相対的にスケーリングするのが非常に難しいことです... 高解像度または低解像度のブラウザでは、テキストが 1 行に表示されるか、複数行にまたがる必要がある場合があります。これが重要な場合は、ピクセルを使用して修正してください。

これが、非常に多くのウェブサイトが中心になっている理由でもあります (これを含む)。画面全体が表示されているように見えますが、そうではありません。左右の余白の下に空白がありますが、問題ありません。コンテンツは明確であり、デザイナーが制御できます。

クライアントが (私のアドバイスに反して) スケーリングを要求し、レイアウトの問題が発生した回数を数えることはできません。

ただし、クールなのは両方を一緒に使用することです - ラッパーとしてピクセル寸法を固定し、内部で % などを使用します - これにより、あまり制御を失うことなく流動性の錯覚が再び提供されます。

非常に意見に基づくものになるので、あなたの質問に直接の答えが得られるとは思いません。

于 2012-08-14T10:13:36.143 に答える