通过代码模拟ctrl +/-

时间:2012-06-21 07:23:04

标签: javascript css

当您使用浏览器浏览时,可以通过按 CTRL + + CTRL + 来增加或减少字体尺寸 -

有没有办法通过代码(如javascript)模拟此操作?

我必须在我的网站上添加一些按钮来增加或减小尺寸,但要制作它,我必须动态更改很多字体大小属性(BODY,INPUT,OPTIONS等...)

1 个答案:

答案 0 :(得分:4)

不要这样做。浏览器缩放是一项功能:

  • 可能会或可能不会出现在浏览器中,
  • 通过浏览器以不同方式实现,
  • 仅作为坏网站的最后手段而存在。

  

我网站上的几个按钮可以增加或减小尺寸,但要制作它,我必须改变它的大量字体大小属性

想要做的是:

  • 以相对单位(例如em%)扩展字体,
  • 更改document.body.style.fontSize以修改基本尺寸(其他元素将会改变) 用作基本尺寸)。

以相对单位指定body的字体大小 - 这样您还可以尊重用户的系统设置(每个体面的网站都应该这样做)。

有很多关于CSS字体缩放的资源。这是一个:

http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/