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

【问题标题】：Font resize when Ctrl+ or Ctrl-Ctrl+ 或 Ctrl- 时调整字体大小
【发布时间】：2015-03-18 13:10:04
【问题描述】：

当我按 CTRL + + 或 CTRL + - 时，我想保持字体大小为这是。它不应该变得更大或更小。如何做到这一点？

【问题讨论】：

告诉我们你到目前为止都做了什么。
这是浏览器的功能，我不认为你可以改变浏览器的行为。我猜用户可以通过某些浏览器的设置来改变这种行为。
@BhushanKawadkar 如果你对这个话题一无所知，你会展示什么？
stackoverflow.com/questions/5704646/…

标签： jquery html css

【解决方案1】：

似乎没有任何纯 css 解决方案。

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

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

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

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

Demonstration

编辑：与我最初的想法相反，我无法辨别 真正的 resize 事件，这使得该解决方案很少可用。

底线：您尝试做的事情很难实现，原因是您可能不应该这样做。这对可用性来说会很糟糕（例如，有些人看不懂小字符）。

【讨论】：

【解决方案2】：

了解text-size-adjust。

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

-webkit-text-size-adjust: 无；
-moz-text-size-adjust: 无；
-ms-text-size-adjust: 无；

【讨论】：

这仅适用于某些手机。不在桌面上。而且它是高度实验性的。
已编辑。我犯了一个错误。 text-size-adjust 是您所需要的。
这是您分享的好东西。但我无法让它工作，
请提琴并说出您使用的浏览器。
@dystroy 你是对的。我误解了他的要求。我以为他在问如何自动调整字体大小。但是我编辑了我的答案，-webkit-text-size-adjust: none 可以实现

【解决方案3】：

有一种方法可以禁用 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

【讨论】：

如果它是为其他用户使用的，这个解决方案将不起作用。我认为提问者想在他的网页中实现它。