css @page不生效 |各大网站css重置样式

/* 这是一个简单的@page规则 */
@page {
margin: 20mm;
size: A4 portrait;
}

首先，@page规则只适用于打印版式，不适用于屏幕显示。所以如果你在浏览器中预览页面，你是看不到@page规则的效果的。

其次，一些浏览器可能并不支持@page规则或支持不完全。特别是移动浏览器和旧版本的浏览器，可能会出现兼容性问题。

此外，@page规则有一些限制条件。例如只能应用于整个文档或单个页面，不能用于文档的一部分内容。它也不能应用于页面上的任何元素，例如文本或图像等。

最后，如果你的@page规则有语法错误，它也会导致不生效。所以在编写@page规则时，务必检查语法错误。

/* 这是一个示范错误的@page规则 */
@page {
margine: 20mm; /* 错误的属性名称 */
site: A4 portrate; /* 错误的属性值 */
}

总之，@page规则的不生效可能是由多种原因造成的。如果你无法解决问题，可以考虑换用其他的方案，例如使用JavaScript来生成打印版式。