CSS中大小單位px,em,rem 以及微信小程序的rpx


CSS中可以定義大小的單位有四種px,em,rem 以及微信小程序的rpx 。

2017-05-25


  1. px - 像素(Pixel)。相對長度單位。像素px是相對於屏幕分辨率而言的。
  2. em - 相對長度單位。相對於當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置,則相對於瀏覽器的默認字體尺寸。
  • em的值並不是固定的;
  • em會繼承父級元素的字體大小;
  • 任意瀏覽器的默認字體高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。body選擇器中聲明Font-size=62.5%<==>1em=10px。

  3.rem - 是CSS3的一個相對單位(root em,根em),

  • 使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。

  4.rpx - 微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。

  • 在 iPhone6 上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1px = 2rpx。小程序設計稿可以使用設備寬度750px,比較容易計算。750px的話1rpx=1px

 

 


免責聲明!

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



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