em 是一個布局的長度單位，當前對象内文本的字體大小的相對單位，也就是說相對于當前元素的font-size。
rem 是（根）字體大小相對單位，也就是說跟當前元素的font-size沒有關系，而是跟整個body的font-size有關系。
物理像素是硬件的一個實際像素；而邏輯像素是我們在網頁設計中使用的像素。它跟物理像素的關系是有一個設備像素比的關系，比如說設備像素比是2，那麼就說明一個邏輯像素對應着4個物理像素，它們是一個平方的關系。
meta标簽，我們可以指定浏覽器的适口，适口就是可以看見的區域。然後它有三個需要了解的概念，分别是：
layout viewport 浏覽器的默認适口，也就是clientWidth，在PC端如果把浏覽器最大化的時候我們可以發現clientWidth與innerWidth是相同的，但是在移動端是不一樣的；它是移動設備默認的viewport。
visual viewport 浏覽器的可視區域大小，在手機浏覽器中的innerWidth是小于clientWidth，在PC端最大化的時候兩者是一樣的，但是在手機端最大化是兩者是不一樣的。
ideal viewport 是一個理想化的适口viewport。這個概念更多的取決于具體的需求，比如說在2倍的環境下開發和當前的尺寸下開發那麼它的ideal viewport是不一樣的。這裡面有一個概念叫initial-scale 縮放比例，它是layout viewport相對于ideal viewport 的縮放比例。更準确的說ideal viewport是由layout viewport和initial-scale 縮放比例決定的。
vw / vh
在移動端布局的時候，為了高清的還原設計圖我們需要根據設備的像素比把我們實際的ideal viewport做一個縮放，縮放的目的就是為了保證設計圖的尺寸跟實際的物理像素是對應的。
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
