0

我有一个用FreeMarker模板语言编写的小模板。我有以下CSS： 

<style type="text/css">
@media print {
    @page {
        size: landscape;
    }
}
@media screen {
    .run {
        min-height: 100%;
    }
}
/* More css properties goes here */
</style>

问题是这两条规则仅适用于我在 Google Chrome 中打开网页时。当我在 Firefox 中打开它时，该min-height属性不适用于.rundiv，并且 Firefox 以纵向模式打印我的页面，而不是指定的横向模式。我究竟做错了什么？
PS：如果重要的话，doctype 字符串如下所示： 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4

1 回答 1

1

我从从事打印样式工作时就知道，某些浏览器使用了一些规则，而其他浏览器则不使用这些规则。我很确定大小：风景就是其中之一。还有其他的，比如 Firefox 使用的分页符，而不是其他人。所以它真的很受欢迎。祝你好运，在 HTML 电子邮件和打印 CSS 中工作这是我讨厌使用网络的两件事。

于 2013-04-12T16:36:56.490 回答