Web でいくつかの記事を読んだ後、いつ 、または 、 、 などを使用するかpercentについてem少しpx混乱div´sしinput´sました...font´sbuttons
私が取り組んでいるサイトでは、レスポンシブ デザインを追加したくありません。また、さまざまな記事から理解していることから、パーセントよりも と を使用する方法の方が適切elementsですdiv´s。pxしかし、レイアウトを使用pxし、デバイス/画面の解像度に応じて異なる幅、高さを設定するよりも、レスポンシブデザインを取得できるはずだと考えているため、混乱するよりも...?
また、いつ何を使用するかについてのベストプラクティスはありますか? フォントサイズだけでなくdiv´s、他の要素も？
em を使用する主な利点は、実際のサイズがユーザーの設定、つまりデフォルト フォントのサイズに依存することです。そのため、大きな文字を好むユーザーはこの値を増やします。パーセンテージは、サイズが柔軟であっても、一種の静的レイアウトを作成し、最小および最大の高さ/幅と組み合わせて、静かで良い結果につながる可能性があります。小さい画面が 1 つ、大きな画面が 2 つ、最大画面が 3 つになるように、列を使用して柔軟なレイアウトを作成したい場合は、フロートを (最小/最大) 幅/高さと組み合わせて使用する必要があります。
一般に、最適なユニットについて質問することから始めるのではなく、レイアウトがどのように機能するかについての基本的な概念から始めます。レイアウト全体に JavaScript を使用することが最速で最も信頼性の高いソリューションであることが判明する場合もありますが、使用するユニットは特別な目的によって異なり、「これが最善のソリューションです」という一般的な質問には存在しません。何の状態です。
ご挨拶..
私の知る限り、、、、、のlength値は%、 CSS レイアウトemで処理を行うために適用する必要があるさまざまな手段pxにptすぎません。それらを使用するためのルールはまったくありません。
事実は、それぞれのレイアウトで何を達成しようとしているのかを伝えるのが難しいため、それらで何をしなければならないかを伝えるのは難しいということです. レイアウトは創造性に関するものであり、それらすべてに合うようにアプローチを修正することはできません。
私にできることは基本的なことをお伝えすることですが、おそらくすでにご存知でしょう。いくつかの絶対値( cm、mm、in、pt、) と相対値(テキスト ベース: 、、、ビューポート ベース: 、pc、)があります。 . 相対メジャーは、「ベース」が変化するにつれて変化します。pxemexchremvwvhvminvmax
私は個人的に、一般的で絶対的なものをたくさん使っていることに気づきました。しかし、あなたが何を達成しようとしているのかはわかりません。そのため、公式ドキュメントを手元に置いておくと、レイアウトの課題ごとに最適な方法をいつでも見つけることができます。
幸運！