Question

我有一个用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属性不适用于.run div，Firefox以纵向模式打印我的页面，而不是按照指定的方式打印。我做错了什么？
P.S。：如果重要的话，doctype字符串看起来像这样：

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

Answer 1

我知道从我在打印样式工作时，有些规则被某些浏览器使用而不被其他浏览器使用。我非常确定尺寸：横向是其中之一。还有其他像页面破坏，Firefox使用而不是其他人。所以它真的很受欢迎。祝你好运，努力学习HTML电子邮件和打印CSS有两件事我讨厌与网络合作。

Firefox无法识别媒体查询

1 个答案: