黑色是火狐,浅蓝色/天蓝色是铬(几乎不会对火狐有害),深紫色是IE10。
他们的字体大小(11px)和font-family(Helvetica)都完全相同,但是你会注意到IE10渲染它的字体有多大。
它似乎也对每个角色都应用了非常重的抗锯齿。
我知道“挑战”的一部分是创建一个可以在多个浏览器上运行的网站,但是有没有人能够找到任何可以纠正IE10增加字体大小的解决方案?
答案 0 :(得分:1)
我遇到了同样的问题,在IE浏览器的某些部分被打破了。 我将字体大小单位从px更改为pt,但您必须重新计算这些值(将px值除以约1.36367,确切地说是15/11)。 现在,在IE8-10和FF中,字体的渲染大小相同,没有破损的部分。
答案 1 :(得分:0)
IE9 + uses sub-pixel rendering,与其他浏览器相比,它会导致文本框的大小略有不同(有时使用非整数像素大小)。但是这里的问题似乎更多的是line-height
值,这可能是默认值(基于字体本身),并且由于四舍五入导致不同浏览器中的值不同。设置显式line-height
值(以像素为单位)应尽量减少差异。