初始規模與desktop.css + phone.css + tablet.css？

Question

我剛剛發現了初始縮放元屬性。

此前，我已經使用default.css來定義我的所有樣式和大小（字體和元素）已經使他們很好地在臺式機上的屏幕房地產。然後，如果您使用的是手機或平板電腦，則可能會使用媒體查詢或PHP來包含phone.css或tablet.css，並且只會調整較小設備的尺寸。

但現在，我已經意識到初始規模的概念，我應該使用，而不是控制元件的尺寸？

我試圖讓在

一個非常重要的結果是這樣的......我用它來定義與EM（或REM）單位這樣我的字體大小：

/*desktop.css*/ 
html{font-size:62.5%;} 
p{font-size:1.2em;} 
span {font-size:1em;} 

/*phone.css*/ 
html{font-size:125%;} 

/*tablet.css*/ 
html{font-size:100%;} 

換句話說，我的手機.css和tablet.css只調整html元素的字體大小百分比，其他所有元素都會在所有不同的設備上相應地縮放。在某種程度上，我用填充，邊距，線條高度和字母間距來做到這一點。

通過引入初始規模的，意思EM/REM單元是無關緊要的用於縮放的字體大小？我們可以堅持更直觀的PX單位？讓初始規模做其餘的縮放工作？

Answer 1

有關em單元的一點是它應該在不同設備和屏幕密度下顯示相同，因爲實際高度由客戶端決定。

我也使用初始規模，規模最小和最大尺度的幾個應用程序，並且已經找到了PX裝置工作得相當好，只要你挑對每個器件的規模適當的值。