2014-09-12 127 views
0

如何縮小固定字體大小不受放大或縮小的影響?
我嘗試過使用font-size: 100%;,但當放大或縮小字體大小不會保持100%時,它會不斷變化。固定字體大小不受放大或縮小影響

+0

爲什麼要防止用戶更改文字大小?這是可用性項目,有些人可能需要觀看您的網站。 – TeeDeJee 2014-09-12 13:10:49

+0

@TeeDeJee我只想在全屏模式下使用它,如果用戶放大或縮小字體大小會改變,這種改變會影響其他元素的位置。 – user3926604 2014-09-12 13:15:56

+1

您有2種選擇:禁用縮放(防止keydown事件)或在縮放時重新縮放文本。 – rafaelcastrocouto 2014-09-12 13:18:26

回答

2

您可以使用以下css屬性。使用所有瀏覽器前綴。但是這隻適用於一些瀏覽器,主要是在移動瀏覽器上。

-webkit-text-size-adjust:none 
text-size-adjust: none 

如果-webkit-text-size-adjust被明確地設置爲none,基於Webkit的臺式機和平板電腦瀏覽器,如Chrome或Safari瀏覽器,而不是忽略的財產,將阻止用戶或縮小網頁進行放大。

有關更多信息和兼容性,您可以查看https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

+0

對不起,它在FF或IE中對我無效。 – user3926604 2014-09-12 13:27:30

+0

我在回答中說,它主要用於移動瀏覽器。而不是全球解決方案。 – TeeDeJee 2014-09-12 13:32:56