響應式設計單元

我使用Foundation 3.0 UI框架創建大型Web應用程序，它具有基於px的佈局和字體大小。響應式設計單元

設計中有「em」字體大小/行高和填充/邊距。我想知道爲智能手機的響應式佈局選擇「em」字體大小和填充效果是不錯的選擇？

2012-12-10 Wasim Shaikh

我認爲在響應式設計方面em的主要優勢是您可以輕鬆更改不同屏幕尺寸的字體大小。

E.g.如果您在大屏幕和小屏幕（例如手機和電視機）上使用媒體查詢，則您需要更改兩者的字體大小。

如果你一切都在em的大小，你可以簡單地改變font-size在身上，就像這樣：

/* For TV's (or other large screens */ 
    @media screen and (min-width: 1800px) { 
     body { font-size: 1.4em; } 
    } 

    /* For mobiles */ 
    @media screen and (max-width: 400px) { 
     body { font-size: 0.9em; } 
    }

在哪裏，如果你在px擁有一切大小你必須做很多調整字體大小的更多工作。

編輯：使用em頁邊距+填充也可能是一個負責任的佈局是一個好主意，我的理解是，如果你調整身體字體大小（如上圖所示），你還可以調整利潤+填充（使它們更小或更大），這對於響應式設計也是非常有益的。

來源

2012-12-10 14:30:14 Sean

使用em作爲寬度/填充/邊距是否會影響網站的缺口？ –

breapoints？你的意思是斷點？如果是這樣，我不知道 – Sean

斷點像（最大寬度400px），所以智能手機斷點400px。 –

是，使用EM和%超過px是響應式設計的網站/應用一定要好，因爲不像px這是一個絕對值，em可以根據它在其中看到的分辨率是至關重要的，如果你想要的目標比例智能手機，平板電腦等

來源

2012-12-10 14:21:28 lifetimes

響應式設計單元

回答

相關問題