Ctrl +或Ctrl-时字体调整大小

时间:2014-05-13 05:46:11

标签: jquery css html5 css3

当我按 CTRL + + CTRL + - 时,我想将字体大小保持为它是。它不应该变大或变小。怎么做到这一点?

3 个答案:

答案 0 :(得分:2)

似乎没有任何纯粹的CSS解决方案。

并且没有干净的方法来获得当前的缩放级别。

解决方案可能是根据窗口大小的变化来计算它。

这是一个简单的解决方案(这个解决方案无法区分缩放和手动调整大小):

var initialWidth = window.innerWidth,
    initialFontSize = 20;   
window.onresize=function(){
  document.getElementById('notresized').style.fontSize = (initialFontSize*window.innerWidth/initialWidth |0)+'px';
}

Demonstration

编辑:与我最初的想法相反,我无法识别真正的调整大小事件,这使得该解决方案很少可用。

底线:您尝试做的事情很难实现,原因是您可能不应该这样做。这对可用性来说太糟糕了(例如,有些人无法阅读小字符)。

答案 1 :(得分:0)

了解text-size-adjust

设置text-size-adjust: none会自动阻止缩放时调整字体大小。由于它不是标准属性,因此必须使用前缀:

  1. -webkit-text-size-adjust:none;
  2. -moz-text-size-adjust:none;
  3. -ms-text-size-adjust:none;

答案 2 :(得分:0)

有一种方法可以禁用 Ctrl +鼠标滚动的滚动,使用此方法并修改 Ctrl + 和<的解决方案kbd> Ctrl -

1.下载AutoHotKey软件 2.在AutoHotkey.ahk文件中,添加这些

#IfWinActive ahk_class Chrome_WidgetWin_1
{
^NumpadAdd (+)::return 
^NumpadSub (-)::return
#MaxHotkeysPerInterval 1000
}

参考: - https://productforums.google.com/forum/#!msg/chrome/-rtDLZmN9bk/5pJYksjrvQUJ