此篇文章的目的用於打印套打的位置計算,順便科普下知識:
1寸=2.54厘米
14寸=355.6毫米
15.6寸=39.624厘米=396.24毫米;
21寸=533.4毫米
21.7寸=551.18毫米
27寸=685.8毫米
在相同的屏幕寬高下:如:15.6英寸(396.24毫米)的筆記本電腦:
| 每單位 | 1920*xxx的分辨率 | 1366*xxx的分辨率 |
|---|---|---|
| 一毫米 | 1920/396.24=4.8個px | 1366/396.24=3.4個px |
- 高分辨率意味着大約每一毫米5像素點,像素點越多,色塊越多,頁面越清晰
- 低分辨率意味着大約每一毫米3像素點,像素點越少,色塊越少,頁面越模糊
在相同的像素點下:如:1366*xxx的分辨率:
| 每單位 | ipad pro(寬度305.7mm) | 筆記本(396.24mm) | asd |
|---|---|---|---|
| px | 305.7/1366 = 0.22(毫米) | 396.24/1366 = 0.29(毫米) | sss |
雖然屏幕尺寸大小不一樣,但可以看起來一樣清晰,意味着 每毫米的像素值是一樣的,但是蘋果比較厲害,用更少的寬度承載或者說容下了相同數量的像素 (一像素就少了0.07毫米(少了24%的寬度))
這兩個例子告訴我們,肉眼看得請不清晰,跟屏幕實際尺寸的大小沒有任何關系,而是跟單位長度的像素點有決定性的關系
所以以后買電腦,需要盡量拜托寬度的誤區(比如15寸就比13寸清晰),以下竊取阮一峰大大的分辨率常見解釋: 
對於前端開發來說,設計圖是1920或者是1366並不代表是寬度,當你的網頁完全按照設計圖使用px來實現的話,有可能出現兩種情況:
- html寬度用了設計圖1366px,但無奈到了1024的電腦或者手機的時候,就會出現了橫向滾動條(不夠長的電腦表示:廢話你的內容多了300像素老子去哪里給你要距離?)
- html寬度用了設計圖1366px,到了1920的電腦上,就會出現大量的留白(不夠長的網頁表示: 廢話你的電腦多出了550像素老子去哪里給你要內容?)
