@media print for chrome does not work

Well, just by name, you should all think that this is a duplicate, but I have attached a lot of results from StackOverflow, no luck.

@media printworked in firefox. When I tried to use Chrome, this is a mess.

Lots suggested using it @media screen and (-webkit-min-device-pixel-ratio: 0), which I did. But Chrome does not read all selectors and properties.

For example, I have:

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    a[href]:after {
        content: none !important;
    }
}

This will not delete the values hrefin view mode.

@media print {
    a[href]:after {
        content: none !important;
    }
}

This works great for Firefox. But of course, since he is @media print, this does not work for Chrome at all.

I even tried * { transition: none !important }, which many people said, and it still did not work for me.

Of course I also added

<link rel="stylesheet" media="print" href="{% static "css/print.css" %}">

" JavaScript, , Chrome", , , .

- . , - 2014 . , , Chrome - , , .

, , .

?

- - , Chrome?

(, , , , ).

- , , .

+4
1

@print CSS Chrome, media :

<link rel="stylesheet" href="css/styles.css">

% static … % <link> . ?

, , media:

<link rel="stylesheet" href="css/print.css">

0

All Articles