如何防止HTML/CSS

這個網站看起來非常漂亮的文字大小的增加，雖然the've設法防止用戶增加/通過瀏覽器工具減小字體大小。如何防止HTML/CSS

http://simplegeo.com/

如果檢查縮放文本僅選項在您的瀏覽器，並嘗試以放大或縮小（通常⌘+ /⌘-或Ctrl +/CTRL-）你可以看到字體大小不會改變。

我該如何複製相同的效果？

我想，這將是很好的防止菜單項或純粹基於佈局元素和僅正文影響離開。

2011-04-18 zanona

它在Chrome改變我。哪個瀏覽器對你沒有改變？ – 2011-04-18 14:47:50

通過縮小瀏覽器（文本或全屏）來消除主要的可訪問性禁忌。讓你的用戶做他們想要的或者需要的。如果他們通過縮小太多來打破它，那麼你無法阻止它們，因爲它們可能具有非常不好的視力，並且需要巨大的文字才能閱讀它。 – cdeszaq 2011-04-18 14:50:40

與cdeszaq強烈同意，我也可以在FF4中調整該網站的大小而不會出現問題。 – 2011-04-18 14:53:31

從看他們的CSS，它可能是這行代碼：-webkit-text-size-adjust:none;如果是的話，它會只在瀏覽器中的有限數量的工作，而不是隨處可見。

有你應該防止用戶調整文字的大小，雖然沒有太多的理由。是的，這可能會導致設計出現問題，但您也可以爭辯說，設計應該足夠靈活以應對字體大小的變化。

喜劇選項：替換圖像的所有文本。

來源

2011-04-18 14:50:42 thedaian

有趣的是，你應該提到的是，頁面上的所有標題都是精靈。 – joekarl 2011-04-18 15:08:55

謝謝@thedaian它工作得很好，我意識到這種不好的方法，只是有點好奇，知道他們如何設法做到這一點。我同意你必須爲用戶提供改變文本的選擇。但是誰知道呢，有時候你有一個靜態的元素，據說它只是作爲裝飾品或者類似的東西，而不希望這個元素被調整大小？好吧，再次感謝作爲唯一一個擔心如何實現這一點，而不僅僅是說不應該這樣做:) – zanona 2011-04-18 15:43:54

解決方案不是防止人們改變字體大小/縮放，因爲它是一個可訪問性的偏好，但存在能夠告訴他們，實際上他們設定的配置是他們自己設定的，他們需要或不需要。否則，這些人可能會認爲這是一個開發人員問題，並且您網站上的用戶體驗更差......每個人都很傷心（開發人員，首席執行官和用戶！） – 2014-03-05 10:09:06

使用以下CSS代碼。

<style type="text/css"> 
-webkit-text-size-adjust:none; 
-ms-text-size-adjust:none; 
-moz-text-size-adjust:none; 
text-size-adjust:none; 
</style>

來源

2012-08-11 08:49:42 Kedarnath

注意：「none」至少使用-ms-prefix可能會導致問題（即文本大小仍在調整）。改爲使用「100％」。 – Connum 2014-07-14 07:40:35

如何防止HTML/CSS

回答

相關問題