1

だから私はレスポンシブデザインでこの問題を抱えています。それぞれの画面サイズに最適なインターフェイスを提供するために、さまざまな画面サイズに合わせてデザインを再調整することになっています。

問題は、ピクセルに基づいてこれを行う方法がわからないことです。結局のところ、ピクセルに基づくメディア クエリを使用すると、最近の携帯電話の一部は、私の 40 インチ テレビよりも大きな画面に見えることがあります。したがって、これは明らかに間違っています。

定義によるポイントは 1/72 インチであるため、ポイントを使用してサイズを設定したかったのです。したがって、72pt を作成し、それが 1 インチであると期待できるはずですが、これは当てはまらないようです。

これを正しく機能させる方法を知っている人はいますか?

4

1 に答える 1

1

ポイントやピクセルではなく、「em」を使用してみてください。body タグに を設定してfont-size: 62.5%;から、他のすべての要素に 1em = 10px、1.2em = 12px を設定します。

Em は相対的な単位であるため、上記の設定では、すべての要素が画面サイズに完全に比例してスケーリングされます。ネストされた要素と一般的なルールには注意してください。ときどき倍増する可能性があります。

Dan Cederholm は、このテクニックを取り上げた優れた本を書きました。

于 2012-01-17T17:22:34.443 に答える