javascript字体调整器不工作在IE8或IE7

javascript font-resizer not working in IE8 or IE7

本文关键字：IE8 IE7 工作 字体 调整器 javascript      更新时间：2023-09-26

我试图创建一个站点范围的字体调整器，但大多数实现似乎希望我通过id或类的目标元素，而不是站点范围。

我想通过设置我的页面来完成我的任务，从这个CSS开始:

  • 身体,div、dl、dt, dd, ul, ol,李,h1, h2, h3, h4, h5,类推,pre,形式,p,引用,th, td等等……= 1 em

然后，我有一些jquery获取当前应用的字体大小，增加它并重新应用它。

但在IE8或IE7中不起作用。着()

var currentFontSize = $('html').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.05;
$("html").css('cssText', 'font-size: ' + newFontSize + 'px !important');

如果我console.log out这些值，它在这些浏览器中计算得很好，但在这些浏览器中似乎有一些相对字体大小的问题。我还尝试将所有内容重置为100%，而不是1em，但这也不起作用。

示例jsfiddle(但此网站不支持ie8或以下版本.....)

您正在应用没有任何单位的大小。添加px到size:

$('html').css('font-size', newFontSize + 'px');
附注:parseFloat函数不接受任何基数参数: 
var currentFontSizeNum = parseFloat(currentFontSize);

我无法让它在IE8中工作&IE7，所以我改变了我的代码，将类应用到html对象(body也可以工作)。然后，在IE8中;在IE7的css文件中，我有侦听这些类的样式，并相应地调整它们的大小。

相关文章：