/size_on_the_web

網頁尺寸課題

Primary LanguageHTML

網頁上的尺寸

CSS width: 1cm

  • 為列印用途。
  • 畫在不同螢幕上，可能會呈現不同的尺寸。

JavaScript window.devicePixelRatio

  • 為 CSS 裡的 1 pixel 對實際 1 pixel 的比值。
  • 1 cm 換算為 N px： 37.7952755906 * window.devicePixelRatio
  • 1 pt 換算為 N px: (96/72) * window.devicePixelRatio

參考文件