1. 程式人生 > >實時開發檢視天氣微信小程式——檢視天氣小程式(1)

實時開發檢視天氣微信小程式——檢視天氣小程式(1)

第一步,針對小程式中需要實時調整其解析度所產生出的問題:

  1. rpx 全稱是什麼?(請填寫英語全稱)responsive pixel rpx(responsive pixel): 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iPhone6 上,螢幕寬度為375px,共有750個物理畫素,則750rpx = 375px = 750物理畫素,1rpx = 0.5px = 1物理畫素。
  2. iphone 7 的螢幕寬度對應多少 rpx?
  3. iphone 7 的螢幕高度對應多少 rpx?iPhone 7 寬高比 375 x 667, 因此螢幕高度對應與 667 / 375 x 750 rpx = 1334 rpx
  4. iphone 7 Plus 的螢幕寬度對應多少 rpx?iPhone 7 Plus 寬高比 414 x 736,因此螢幕高度對應與 736 / 414 x 750 rpx = 1333.33 rpx
  5. iphone 7 Plus 的螢幕高度對應多少 rpx?
  6. iphone X 的螢幕寬度對應多少 rpx?iPhone X 寬高比 375 x 812,因此螢幕高度對應與 812 / 375 x 750 rpx = 1624 rpx
  7. iphone X 的螢幕高度對應多少 rpx?