分辨率與px的關系


此篇文章的目的用於打印套打的位置計算,順便科普下知識:

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像素老子去哪里給你要內容?)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM