如何讓我的響應式設計看起來更大一些？

我想做一個快速響應的設計，並通過在線搜索我無法得到我在找什麼，但我希望一切都在我的網站頁面上看起來更大。例如font-size:1.4em;而不是每個元素，我將如何處理所有頁面？如何讓我的響應式設計看起來更大一些？

2014-10-03 Ris

如果您全部使用了em或其他相關像素大小，則可以簡單地放大主體或最外層的包裝div字體，其餘的將相應地繼承。 – briansol 2014-10-03 19:59:33

如果你在任何地方都使用過'rem'單元，你可以簡單地通過改變根元素的font-size來實現。 – 2014-10-03 19:59:35

@briansol我主要使用px，但這聽起來像個好主意 – Ris 2014-10-03 20:02:47

嘗試使用兩個新的CSS3單元，稱爲vw和vh。這裏的和介紹性的文章：http://css-tricks.com/viewport-sized-typography/

例如（文章）：

h1 { 
    font-size: 5.9vw; 
} 
h2 { 
    font-size: 3.0vh; 
} 
p { 
    font-size: 2vmin; 
}

2014-10-03 20:01:08 ncardeli

感謝您的幫助，但我希望它能夠在任何地方完成，而不僅僅是字體大小 – Ris 2014-10-03 20:03:52

這些單位可用於任何事物，包括寬度和高度屬性。 – ncardeli 2014-10-03 20:05:22

可你只需要添加這頭

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

從評論我認爲你沒有一個適當的視口設置，這就是爲什麼一切看起來更小的移動設備:)

2014-10-03 20:08:42

我已經有這..謝謝...我的Firefox可以閱讀它，但野生動物園和Iphone不能讀它 – Ris 2014-10-03 21:18:15

這是在iPhone和其他Mac設備上測試，它的工作原理100％。所以別的是錯誤的:)如果你做小提琴你會得到更多的幫助你的問題:) – 2014-10-03 21:22:19

回答