2016-08-30 5 views
1

pxで測定されたものが、さまざまなメディアクエリブレークポイントに複数のスタイルを必要とすると心配しているため、Angular Materialアプリを作成していて、私たちのデザイナーはemで測定された単位を使用するようにすべてのCSSスタイルを変更したいと考えています。現在、彼らの活字はAngular Material uses pixelsとなっています。私は、できるだけ多くのプラットフォームやデバイスを正しく見せるために、おそらくもっと多くの時間と労力を費やしたと考えて、スタイルをオーバーライドすることには消極的です。角度材料のフォントはピクセル単位で測定されるのはなぜですか?

また、マテリアルデザインの "スケーラブルピクセル"について語っていますが、spは有効な単位ではないように、CSSでスケーラブルピクセルを定義する方法はわかりません。さらに、私はangular-material.cssファイルを開きました。実際にフォントの隣にはpxという文字列があります。うまくいけば、誰かが私がなぜこれが理解できるのかを助けることができればと思います

答えて

2

emはピクセル対応の応答形式ではなく、ユーザーがブラウザ設定で編集できるフォントサイズに向いています。

今のところCSSを使用する唯一の方法は、vwとvhを使用してスクリーンサイズに応じたテキストを作成することです。 https://css-tricks.com/viewport-sized-typography/

+0

非常に助かりました。ありがとうございますが、私のデザイナーの恐怖は正当ですか? Angular Material Teamが 'px'を使用する選択肢は私たちの問題を引き起こすでしょうか? – adam0101

+1

いいえこのメタタグ(http://www.w3schools.com/css/css_rwd_viewport.asp)を含めるだけで、px値はデバイス解像度乗数に比例します(この計算は自動的に処理されます) –

関連する問題