2014-09-12 125 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