爲什麼字體大小不會隨瀏覽器放大而改變？

在大多數網站中，當我改變瀏覽器的縮放級別時，字體大小也會增加並且幫助用戶看到它們。出於某些原因，這在我的新網站上不起作用。當我更改瀏覽器的縮放級別時，所有內容都會更改，但所有字體大小都保持不變。是否有一個CSS或HTML屬性，我可以用來控制這種行爲？由於爲什麼字體大小不會隨瀏覽器放大而改變？

這裏有一個例子： http://ca.skywatcher.com/index.php

來源

2011-10-26 lucemia

你可以給一個示例html嗎？ –

@因爲不是每個人都能夠按照你看到的方式瀏覽你的網站。這是關於視力問題或其他各種原因的人的輔助功能。 –

@JamWaffles謝謝你讓我們知道你不感興趣。我可以想象讓用戶放大閱讀我網站上的文本是一個非常關鍵的功能，但是您已經向我展示了我的方式的錯誤。 – jball

問題是你已經在layout.css中爲身體設置了-webkit-text-size-adjust: none;。將其更改爲-webkit-text-size-adjust: auto;可以縮放字體和頁面。

編輯：更正了CSS。應該是auto而不是0

來源

2011-10-26 19:57:00 Lycha

好找！這就解釋了爲什麼Firefox不會出現這個問題。這裏有一篇關於'-webkit-text-size-adjust'的文章：http：//www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – jdigital

@jdigital哈哈，我正在讀那篇文章。我想知道爲什麼這也起作用。 – Lycha

它的工作原理，非常感謝！ – lucemia

字體使用特定的像素大小是不相關（與其他幾個人一起）。縮放改變了相關信息。

從http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html

Name  Abbrev. Explanation        Relative? 
em   em  The height of a font     yes 
ex   ex  The height of the letter x in a font yes 
pica  pc  1 pica is 12 points      no 
point  pt  1/72 of an inch       no 
pixel  px  One dot on a screen      no 
millimeter mm  Printing unit       no 
centimeter cm  Printing unit       no 
inch  in  Printing unit       no

來源

2011-10-26 19:31:58

現代瀏覽器將縮放所有內容，而不管字體指定的單位如何。從@Lycha回答@Lycha – jdigital

@jdigital奇怪......我幾乎無法再現前幾天看到的東西......（我記得我檢查過，開發工具中的計算風格沒有任何-webkit條目當變焦沒有工作時）。現在，這些網站可以放大縮小...您可以刪除您對我以前的評論的評論，然後我將刪除此評論。 – netvope

如果您使用您的字體大小設置定點寬度（例如：像素），那麼當用戶放大字體大小將保持不變。如果您希望字體在用戶放大/縮小時放大或縮小，請考慮使用em作爲您的單位（1 em =用戶計算機上默認字體的100％）。

來源

2011-10-26 19:35:11

縮放也會更改字體大小。 – k3liutZu

爲什麼字體大小不會隨瀏覽器放大而改變？

回答

相關問題