HTMLページを作成するときmargin、CSSでピクセルやポイントを使用してsなどを指定する必要がありますか？
それらの1つは他よりも良い習慣であると考えられていますか？どちらにも長所と短所はありますか？
53133 次
9 に答える
35
pxまたはを使用するem
ポイント（pt）：ポイントは、従来、印刷媒体（紙に印刷されるものなど）で使用されます。1ポイントは1/72インチに相当します。ポイントは、固定サイズの単位であり、サイズを拡大縮小できないという点で、ピクセルによく似ています。
通常、1em = 12pt = 16px = 100％です。
[結論]
勝者：パーセント（％）。
- JohnB注：これはTEXT用です。 明らかに、あなたは「マージンのようなもの」について尋ねました。（私はあなた
paddingも意味すると思います。）そのために、私はpxまたはをお勧めしemます。個人的には、状況に応じて切り替えます。
その他の記事
ポイント値は印刷CSS専用です！
（さらに下のコメント）
ポイントは印刷用ですか？いいえ。
ポイントは印刷専用ではありません。理論的には、ポイントは絶対的な尺度を定義するためのものです。画面と選択した定義（解像度ではない）に応じて、解像度（1インチあたりのピクセル数）は多く（150dpi）またはごくわずか（75dpi）になる可能性があるため、ピクセルは絶対的なものではありません。つまり、ピクセルは1つのサイズ、またはその半分のサイズにすることができます。つまり、画面上で完全に判読できるようにデザインしたテキストは、クライアントの画面では大きすぎて（「テキストを小さくしてください」）、隣人の画面では小さすぎて読めない可能性があります（「ねえ、あなたのWebサイト先日について教えてくれましたか？あなたが取り組んだと言ったもの…まあ、私はテキストをうまく読むことができませんでした、それはとても小さいです」）。
ポイントはこの問題の解決策です。しかし、ブラウザとオペレーティングシステムはそれらを管理する必要があります。基本的に、それは意味します：
ブラウザは、指定された値（たとえば、10pt）と画面の実際の解像度を使用して、表示サイズをピクセル単位で計算する必要があります。オペレーティングシステムは、デフォルト値ではなく、実際の現在の解像度を伝達する必要があります。
また：
于 2011-06-17T18:31:14.693 に答える
10
経験則は次のとおりです。
画面表示用のピクセル。印刷のポイント。
'em'または'％'（およびあまり知られていないrem）は、より柔軟なレイアウトに適しています。
em現在のフォントの文字「m」のサイズに基づく測定単位です。emでサイズを指定すると、フォントサイズに基づいたサイズにすることができます。つまり、フォントを変更でき、それに応じてレイアウトが変更されます。
ただし、固定サイズを使用する必要がある場合はたくさんあります。その場合、pxほとんどのWebページはピクセルベースの画面に表示されるため、通常はが最適です。ただし、大量に印刷されるページを計画している場合は、ポイントベースのレイアウトを備えた印刷固有のスタイルシートを作成できます。
一般的には、またはをお勧めemします。を使用している場合は、ページ上に画像などのピクセルサイズの要素があり、レイアウトの残りの部分を準拠させる必要があるためです。この場合、画像はピクセル単位であるため、スタイルシートもピクセル単位である必要があります。さらに、ポイントは印刷の測定単位であるため、画面にどのように表示されるかは保証されません。pxは画面ベースであるため、画面上のクロスブラウザとクロスプラットフォームでより一貫した外観が得られます。pxptpx
ちなみに、このページはあなたにいくつかのさらなる情報を与えるかもしれません：http ://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm
于 2011-06-17T18:17:21.347 に答える
6
彼らは1/72インチの高さなので、ポイントは素晴らしいです。あなたはあなたのテキストがどれくらいの高さになるか知っています。ピクセルの問題は、解像度が高くなるほどピクセルが小さくなることです。背景画像の周りにテキストを折り返したい場合は、ピクセルが最適です。少し手間がかかりますが、見栄えの良いページになります。IEではピクセルのサイズを変更できないと聞きました。そのため、フォントサイズを大きくしたい場合は、サイズを変更できません。IEを使わないので言えません。それを聞いたことを忘れないでください。EMは、その人がブラウザで定義されたフォントサイズをどのように持っているかに翻弄されます。Emsとパーセンテージはそれを簡単にします。私はいつもポイントを使います。
[...]
いいえ、ポイントは最高ではありません。このスレッドを見つけた人は、これを読んだことを忘れてください。これはウェブデザインフォーラムです。スクリーンメディアにページを表示します。ポイントは、印刷デザインの目的でのみCSSに含まれています。印刷メディアのスタイルシート用。 ％とemsはスケーラブルではないため、スケーラブルではありません。あなたが何らかの種類のウェブデザイナーであるなら、あなたはあなたのページにアクセスできるようにするために働くべきであり、ポイントを使うことはすぐにそれに対するストライキです。
http://www.v7n.com/forums/coding-forum/17594-font-size-pixel-vs-point.html
おかしいです、誰もが「ピクセルまたはポイント」ではなく「ピクセルまたは％/em」と答えます。
両者に違いがあるとは知りませんでした。
画面スタイルシートのフォントサイズをptで指定したり、その他の絶対長の単位で指定したりしないでください。それらはプラットフォーム間で一貫性のないレンダリングを行い、ユーザーエージェント（ブラウザなど）がサイズを変更することはできません。固定された既知の物理的特性（印刷など）を持つメディアでのスタイリングには、このようなユニットの使用を維持してください。
于 2011-06-17T18:19:53.507 に答える
3
ピクセルを使用するように指示する人は誰でも間違っています。ピクセルは正常に機能しますが、必須ではありません...これまでに！ポイントは絶対的な測定値を指定するための完全に優れた方法であり、Webで一般的に作業しているスケールの場合、ポイントは推奨される測定値ではないことがよくあります。
ポイントのほかに、異食症、インチ、センチメートルなどもあります。これらのいずれかを選択することは、「この部屋をフィートまたはインチで測定する必要がありますか？」と言うのとよく似ています。常識をガイドにしましょう。それらはすべて仕事を成し遂げるでしょう。
いくつかの答えで出てきたEmは、適切なときに予約する必要があります。つまり、「これがスケーリングするとき、私はこの他のものをスケーリングしたい」ということです。それが相対的な測定の目的です。それはあなたの最初の質問の範囲を超えていることを私は知っていますが、私は「常にemを使用する」ことについてのナンセンスのいくつかに対処しなければなりませんでした。
ところで、ピクセルは物理的なピクセルと同じではありません。現在、スタイルシートのpxは1/96インチを意味します。これが私がそれらを使用しないと言う理由です。ほとんどの人はこれを知りません。彼らは実際のピクセルを指定していると思ってそれらを使用します。私はこれらの人々を真剣に受け止めることはできません（私は人々を非難しませんが、私は物事の状態の混乱した性質を非難します。それが私がピクセルを消すためにキャンペーンする理由です）。さらに、ピクセルが本当にピクセルを意味する場合、それらは寸法を指定するための恐ろしい方法になります。制御できない任意の画面解像度に基づいて、物事がランダムに縮小および拡大するという事実について話します。うわぁ！ピクセルに近づかないでください!!! 実際にはそれらは機能しますが、理論的には、ブラウザメーカーとOSの人々の目に見えない努力をかわすためだけです。
于 2011-10-09T07:44:47.657 に答える
2
上記のジョンBの答えは、最良かつ最も正確です。私は彼の上の答えによって引き起こされる可能性のある混乱を指摘したかっただけです。タイポグラフィの「em」は、選択したフォントの文字「m」の幅です。フォントの高さを指定するために、プリンター/タイプセッターは「xheight」を使用しました。これはフォントの小文字のxの高さです。
Johnが指摘しているように、ptは1/72インチに等しい固定の測定単位です。モニターのピクセル密度はさまざまであるため（72 /インチ、96 /インチ...）、HTMLドキュメントでサイズを設定するのは一般的に適切な方法ではありません。
emは、古いタイポグラフィユニットに直接関連しており、優れた相対的な尺度になります。画面サイズが拡大縮小されると、フォントサイズもそれに合わせて拡大縮小されます。余白にemを使用する場合、フォントサイズに応じて拡大縮小されます。これは、一般的には良いことです。
ただし、余白、パディング、およびフォントに直接関係しないすべてのものについては、レムまたは「相対em」を使用するのが最適です。これを行う最良の方法は、最初にbodyまたはhtmlタグのデフォルトのフォントサイズを宣言することです。body font-size=16pxのようなものから始めるのが良いでしょう。次に、ドキュメント内の他のすべての場所で、テキストにemを使用し、その他すべてにremを使用します。または、パーセンテージを使用します。どちらでも問題なく動作します。emやremと同様に、％は元の16px = 100％のフォントサイズを基準にしています。
ドキュメント内のすべては、16pxの100％フォントサイズの初期設定に比例して拡大縮小されます。そうすれば、ドキュメント内で1回だけピクセル測定を使用できます。これは、後でメディアクエリを設定してサイズとマージンを調整し、さまざまなデバイスディスプレイのさまざまなピクセル密度に対応する場合に便利です。bodyタグにその1つの初期宣言に対するクエリを含めるだけで済みます。他のすべてはそれに関連して調整され、変更する必要はありません。
ただの考え、maxw3st
于 2012-09-29T01:41:26.163 に答える
1
Pixelsは私にとってより美的であり、より良い方法と考えられていると思います...
于 2011-06-17T18:11:00.333 に答える
1
何をしようとしているのかによると思います。
重要な質問は、ウィンドウに合わせて距離のサイズを変更する必要があるかどうかです。一部の単位は相対的ですが、一部（ピクセルやポイントなど）はそうではありません-簡単な説明はここにあります。
ポイントがあまり使用されていないので、絶対測定が必要な場合はpxの方が一般的です。
于 2011-06-17T18:11:57.383 に答える
0
答えは：それは異なります。マージンを何に使用していますか？それらはバランスの取れたサイズ変更可能なレイアウトの統合された部分ですか、それとも単に端の周りに溝を提供しますか？最初のケースではパーセンテージが適切に機能し、2番目のケースではピクセルが適切に機能します。
さまざまな可能性を試して、ドキュメントに最適なものを決定する必要があります。この場合、「善悪」はないので、自分に合った答えを選ぶことができます。
于 2011-06-17T18:14:04.310 に答える
0
私はほとんどすべてにピクセルを使用しています。
私にとっては、より正確に制御できるように「感じ」ます。
ウィンドウで動的にサイズを変更する必要があるいくつかのことについては、パーセントを使用します。
編集：
于 2011-06-17T18:14:24.410 に答える