我不明白为什么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>
如果这确实至关重要,并且您不介意使用条件注释将针对 IE 的 CSS 发送到浏览器,则可以为 IE 创建条件注释样式表,例如:
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="/ie9.css" />
<![endif]-->
否则,最好的第一步是始终使用 CSS 重置来在浏览器之间进行标准化。常用的重置是
YUI
。
是的,IE 将其读取 CSS 或样式的方式从一个版本更改为另一个版本。一般来说,只有距离计算发生变化。所以所有的填充/边距。行高等。就像你在 chrome、firefox、saferie 中查看网站一样,网站并不完全相同。
If the problems is really important for you (normally I adjust the css so that even with the difference the website) you can use CSS conditional 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.
尝试现代化。它将尝试标准化不同浏览器之间的 CSS 样式。