EM單元如何對響應式設計有所幫助

我想了解如何使用em單元進行響應式設計，我對此有很多瞭解。我從這些頁面瞭解到的是em是一個相對單位，如果你定義了你的身體字體大小，那麼等於1em。但我仍然感到困惑：EM單元如何對響應式設計有所幫助

其實我不確定如何使用em來使頁面完全響應。如果您可以通過一些鏈接或小型演示幫助我，那將是非常棒的。

這個問題部分過於寬泛，部分基於錯誤的假設。「em」單元與流體設計和可訪問性相關的多於響應性設計。 –

@ JukkaK.Korpela基本上我想設置寬度使用em ..可能是我完全錯了..直到日期我已經使用％爲流體設計，我想了解如何使用em設置媒體的寬度查詢 –

在響應式設計中使用'em'沒有什麼特別之處。兩個不同的概念，可能會或可能不會合並。如果你有一個特定的問題，你應該描述它。 –

您可以將em與媒體查詢結合使用，以根據屏幕大小設置字體大小。

假設您的身體字體大小已設置，並且您希望480px移動設備的文字較小。你會在你的css結尾添加：

@media only screen and (max-width: 480px) { 

    p { font-size: .7em; } 

}

查看media queries這裏！

2014-02-09 09:18:11

到目前爲止，我已經得到了這個東西，如何使用EM來設置div的寬度，是否有可能這樣做... –

使用div寬度的百分比 –

回答