Question

在我的网页上，我将css zoom应用于<body>代码，以便在屏幕上正确显示网页内容。我的问题是当我使用

时

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

缩放在IE中不起作用，但适用于Firefox和Chrome。当我刚刚把

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>

它在Internet Explorer中不起作用。知道什么是跨浏览器兼容的解决方案吗？

Answer 1

<!DOCTYPE html>就是HTML5所需要的，这就是你应该使用的CSS3

Answer 2

IE，Opera和Chrome支持缩放，但对于firefox，您可以使用

div.zoom {
      zoom: 2; /* all browsers */
     -moz-transform: scale(2);  /* Firefox */
}

CSS3与doctype无关。

Answer 3

您似乎希望在Chrome中使用“几乎标准合规模式”和Internet Explorer中的“标准合规模式”。

使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

以“近乎标准合规模式”将IE置于chrome中，然后

<meta http-equiv="X-UA-Compatible" content="IE=«whatever version of IE you're developing for, for example 8»" />

强制IE符合标准。

DOCTYPE声明IE问题

3 个答案: