在佈置移動網站時使用vw，em或％有沒有好處？

Question

我正在爲智能手機創建下面的佈局。 iPhone，Android和黑莓是主要目標。佈局將保持不變，無論是縱向還是橫向。對於景觀，它會縮放到寬度。無論屏幕的方向是在相同的相對位置，我想要做的是定位和調整文本的大小。灰色方框表示圖像。我想知道的是，在這種情況下，任何特定的css單元，vw，em或％都有什麼優勢？

Answer 1

我會用％。它是最容易計算的，並且總是相對於外部元素（其容器是<主體>）的屏幕以及相對於其內部元素的容器的屏幕。 em是相對於用戶默認字體大小，其中1em = 12pt。我不認爲他們會是一個很好的選擇。但是，如果您希望用戶能夠在不縮放的情況下閱讀移動設備上的內容，則在您的文字大小上使用em將是一個不錯的主意。

我不知道vw是什麼，但是我發現這個網站：http://snook.ca/archives/html_and_css/vm-vh-units。它也提到了vh單位。看起來它們與視圖端口相關，其中100vw是當前視口的整個寬度。我沒有看到這與100％有什麼不同。

在圖像和事情上，我會考慮使用最大或最小寬度或高度。