長さの単位
761 ワード
1 px:pixelピクセル、画面に表示される最小単位、Webデザインに使用され、直感的で便利
2 pt:pointは、標準的な長さ単位で、1 pt=1/72インチで、印刷業に使用され、非常に簡単で使いやすい
3 em:すなわち%CSSでは、1 em=100%という比率でCSS継承関係に合わせて使用され、柔軟性があります
4 PPI(DPI):pixel(dot)per inch、1インチあたりの画素(点)数は、「解像度」、「精度」を表すレートです.
5 em,ptとpxの関係:
6ウェブデザインではpixelは相対的な大きさであり、pointは絶対的な大きさであるという説は問題のある文字72 pxである.
文字72 pt
文字96 px
何か名誉を見ましたか.
72 pxは72 ptより少し小さいですが、96 pxはちょうど72 ptと同じ大きさです.
デスクトップで右クリック>プロパティ>settings>Advanced>General>DPI setting>96 DPIの設定を調整します.
設定を変更して72 DPIに設定し、再起動してブラウザを開いてみると、72 pxは72 ptに等しい.どうして?
やはりもう一つの実験をします:それぞれ800を使います×600と1024×768さっきの例を見ると、明らかに高解像度では文字が小さくなります.そして、肝心なのは、pxでもptでも小さくなることです.ptは一部の人が言うように、「絶対」であり、「固定」ではない.
2 pt:pointは、標準的な長さ単位で、1 pt=1/72インチで、印刷業に使用され、非常に簡単で使いやすい
3 em:すなわち%CSSでは、1 em=100%という比率でCSS継承関係に合わせて使用され、柔軟性があります
4 PPI(DPI):pixel(dot)per inch、1インチあたりの画素(点)数は、「解像度」、「精度」を表すレートです.
5 em,ptとpxの関係:
1em = 100% = 12pt = 16px
6ウェブデザインではpixelは相対的な大きさであり、pointは絶対的な大きさであるという説は問題のある文字72 pxである.
文字72 pt
文字96 px
何か名誉を見ましたか.
72 pxは72 ptより少し小さいですが、96 pxはちょうど72 ptと同じ大きさです.
デスクトップで右クリック>プロパティ>settings>Advanced>General>DPI setting>96 DPIの設定を調整します.
設定を変更して72 DPIに設定し、再起動してブラウザを開いてみると、72 pxは72 ptに等しい.どうして?
やはりもう一つの実験をします:それぞれ800を使います×600と1024×768さっきの例を見ると、明らかに高解像度では文字が小さくなります.そして、肝心なのは、pxでもptでも小さくなることです.ptは一部の人が言うように、「絶対」であり、「固定」ではない.