网页的打印和打印预览在 Microsoft Edge 浏览器中无法正常工作

Question

我在使用网络应用程序时遇到了一个奇怪的问题。通常，用户右键单击网页并单击“打印”。他在预览中查看文档，然后决定如何打印它。

在 Chrome 上，一切正常

在 Microsoft Edge 上，仅当右键单击页面顶部的网页时才有效。如果在右键单击并选择打印之前向下滚动到页面底部，则打印的文档格式不正确。打印预览的格式也不正确。请参阅下面的屏幕截图：

在 Chrome 上 -（用户从页面底部右键单击）

您可以看到应用程序的标题、报告的标题、报告运行日期等

在 MS Edge 上 -（用户从页面底部右键单击）

预览从一些随机数据开始，如下所示。应用程序的标题、报告的标题等不会显示在预览版和打印版中。

从上面的截图可以看出，Chrome显示正常。仅当我从页面顶部右键单击网页而不向下滚动时，MS Edge 才会显示这样的内容

下面是我的代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Physician Activity Report</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link href="~/lib/font-awesome/css/all.css" rel="stylesheet" />
    <link href="~/css/mycss.css" rel="stylesheet" media="print" />
</head>

下面是mycss.css的内容

@media print {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }
}

h5 {
    color: darkblue;
}

我该怎么做才能让它在 MS Edge 上正常工作？是 CSS 问题吗？

Answer 1

这是 Edge 版本 126 中的已知问题。该修复已包含在 2024 年 6 月 27 日发布的 Stable 126.0.2592.81 中。请安装最新的 Edge Stable 版本 126.0.2592.81（官方版本）并再次测试。

网页的打印和打印预览在 Microsoft Edge 浏览器中无法正常工作

问题描述投票：0回答：1

1个回答

最新问题

网页的打印和打印预览在 Microsoft Edge 浏览器中无法正常工作

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1