如何缩小固定字体大小不受放大或缩小的影响?
我尝试过使用font-size: 100%;
,但当放大或缩小字体大小不会保持100%时,它会不断变化。固定字体大小不受放大或缩小影响
0
A
回答
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
相关问题
- 1. HTML:div不受影像大小的影响
- 2. svg固定字体大小
- 3. ImageView缩放不放大或缩小
- 4. 全局字体大小影响网格
- 5. SVG字体大小没有影响
- 6. 字体大小不响应
- 7. 保持子元素的字体大小不受根元素字体大小的影响
- 8. 放大或缩小相机
- 9. MySQL放大或缩小?
- 10. Openlayers放大或缩小
- 11. 受std :: cin影响的矢量大小?
- 12. 受键盘大小影响的列表
- 13. 受窗口大小影响的OpenGL framebuffer
- 14. 如何根据div大小缩放字体大小?
- 15. TextView字体大小自动缩放
- 16. Eclipse字体缩小和放大问题
- 17. Android WebView缩放字体大小
- 18. CSS字体大小缩放抖动
- 19. 固定在Firefox中的字体大小?
- 20. Matlab - 放大缩小文字
- 21. 书写文字(不影响大小)
- 22. 固定大小
- 23. CCLayerPanZoom不会放大或缩小
- 24. TMUX放大或缩小,而不切换
- 25. SCROLLVIEW最小缩放大小
- 26. 用不固定的字体大小覆盖父元素固定的字体大小
- 27. 响应字体大小NOWRAP
- 28. 固定大小像素字体的Emacs字体大小(以像素为单位)?
- 29. 调整字体大小 - 固定宽度或流体?
- 30. 放大和缩小
为什么要防止用户更改文字大小?这是可用性项目,有些人可能需要观看您的网站。 – TeeDeJee 2014-09-12 13:10:49
@TeeDeJee我只想在全屏模式下使用它,如果用户放大或缩小字体大小会改变,这种改变会影响其他元素的位置。 – user3926604 2014-09-12 13:15:56
您有2种选择:禁用缩放(防止keydown事件)或在缩放时重新缩放文本。 – rafaelcastrocouto 2014-09-12 13:18:26