Question

我不明白为什么IE8和IE9中的字体更大。我正在使用Helvetica字体。所有其他浏览器都没问题。我只在IE8和IE9中遇到问题。线高也更大。出于某种原因，我无法在此处发布链接到我的网站。但它使用css非常简单。以下是我的HTML标题的外观：

<!DOCTYPE html>
<html lang="se">
<head>
    <meta charset="utf-8">
    <title>Digi...</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />

    <link rel="shortcut icon" href="/resources/layout/favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

</head>

Answer 1

如果这非常重要，并且您不介意使用条件注释将IE目标CSS发送到浏览器，则可以为IE创建条件注释样式表，如：

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="/ie9.css" />
<![endif]-->

否则，良好的第一步是始终使用CSS重置来在浏览器之间进行标准化。常用的重置是YUI。

请参阅：http://yuilibrary.com/yui/docs/cssreset/

Answer 2

是IE改变了他从一个版本到另一个版本读取CSS或样式的方式。一般来说它只改变了距离计算。所以所有填充/边距。 line-heigh等。当你在chrome，firefox，saferie看一个网站时，就像网站不完全一样。

If the problems is really important for you (normally I ajust the css so that even with the         difference the website) you can use CSS Conditionnal comment like this :
<!--[if IE 7]><html lang="en" class="ie ie7"><![endif]-->
<!--[if IE 8]><html lang="en" class="ie ie8"><![endif]-->
<!--[if IE 9]><html lang="en" class="ie ie9"><![endif]-->
<!--[if !IE]><!--><html lang="en"><!--<![endif]-->

如果你使用css：

.ie8 body {
//IE 8 CSS
}
.ie9 body {
 //IE 9 CSS
 }


Or use the tag on you're meta tag
<!--[if IE 8]><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.8, minimum-scale=0.8, maximum-scale=0.8"><![endif]--> 
(or change the scale to whatever you want) do the same for IE 9.

编辑：

对不起@Tasos和@ user3830694我写这篇文章很慢，看到你在我完成时提供了类似的答案：P

Answer 3

尝试现代化。它将尝试规范不同浏览器之间的CSS样式。

http://modernizr.com/

IE8和IE9中的字体显得更大

3 个答案: