1

在我的网页上，我正在申请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">

zoom 在 IE 中不起作用，但在 Firefox 和 Chrome 中起作用。当我刚刚放

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

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

4

3 回答 3

0

IE、opera 和 chrome 支持缩放，但对于 Firefox，您可以使用

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

CSS3 与文档类型无关。

于 2012-05-31T16:14:31.910 回答
0

<!DOCTYPE html>是您对 HTML5 所需要的一切，而这正是您应该与 CSS3 一起使用的

于 2012-05-31T16:04:27.220 回答
0

您似乎想在 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 进入标准遵从模式。

于 2012-05-31T16:19:55.440 回答