2012-02-18 103 views
1

我已經設置我的頁面字體爲font-size: 0.6875em;現在我想知道,因爲我已經使用寬度和填充的百分比來顯示所有DIVS,當我通過拖動窗口調整瀏覽器大小時,文本大小會減少,就像我的DIVS一樣不帶JavaScript函數)?在瀏覽器調整大小時,文本大小可能會自動減小?

它似乎不是!我知道我可以添加CSS媒體查詢,並且可能有JavaScript/jQuery工具,但是當用戶拖動瀏覽器的角落並減少(或增加)窗口大小時,是否可以自動縮小文本大小,還是必須使用JS/CSS媒體查詢?

任何意見,將不勝感激。

感謝

+2

'em'始終是一個相對單位,基於字體大小(通常基於繼承的字體大小)。如果你想要總是縮放的東西,可以使用不同的單位(但幾乎肯定是錯誤的做法 - 如果有人將視口縮小到1/4的大小,他們不希望文本也減少) – 2012-02-18 17:59:45

回答

0

是的,你可以使用媒體查詢:

@media screen and (min-width: 640px) { body { font-size:12px; }} 

這裏,當瀏覽器的大小至少成爲640或下方,字體大小將是12像素。

您需要根據您的要求調整min-width和CSS選擇器。

請注意,您可以針對不同尺寸的多個媒體查詢。

更多信息:

+0

但是,我必須?文本不會像DIV那樣自動更改大小? – 2012-02-18 18:00:32

+0

@MikeSav:是的,它會在瀏覽器尺寸更小,您在'min-width'中指定,如上所示。 – Sarfraz 2012-02-18 18:01:55

0

不,這不可能不JS /媒體查詢。百分比總是適用於繼承/初始字體大小。

+0

我可以將字體大小設置爲百分比而不是ems,還是隻需點擊子彈並使用JS /媒體查詢? – 2012-02-18 18:05:53

+1

對不起,我不清楚。我的意思是說可以將百分比設置爲字體大小,但此百分比並不是指任何寬度或高度,而是指父級的字體大小。這意味着它是不變的,所以這是沒用的。 – user123444555621 2012-02-18 18:08:45

相關問題