@media print for chrome not working

Question

Хорошо, только по названию все вы должны подумать, что это дубликат, но я попробовал довольно некоторые результаты от StackOverflow, не повезло.

@media print работал на Firefox. Когда я пытался использовать Chrome, это беспорядок.

Участки предложили использовать @media screen and (-webkit-min-device-pixel-ratio: 0), что я и сделал. Но Chrome не читает все селекторы и свойства.

К примеру, у меня есть:

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

Это не приведет к удалению href значения в целях печати.

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

Это отлично работает для Firefox. Но, конечно, поскольку это @media print, это совсем не работает для Chrome.

Я даже попробовал * { transition: none !important }, что многие люди говорят, работали, и это все еще не работало для меня.

Конечно, я также добавил

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

Некоторые даже говорили, «Использование JavaScript для обнаружения, если это Chrome пользовательский агент», который я пытался, но я уже удалил код, так что я могу» t разместите его здесь.

Результаты получены много лет назад. Я думаю, что самый последний из них - с 2014 года. Интересно, это потому, что Chrome обновлен или что-то еще, и именно поэтому они работали, но не больше.

Эти два сайта являются одними из самых популярных, но до сих пор не повезло, что они написали.

Print media queries not working?

Tips And Tricks For Print Style Sheets

Может кто-нибудь пожалуйста, дайте мне идею или кто-нибудь знает, как я могу заставить его работать на Chrome?

Заранее спасибо (надеюсь, это не дубликат, потому что я видел столько потоков, и все они в значительной степени ссылаются на ответы, которые я пробовал выше).

Если у кого-то есть предложения по поводу того, что я должен делать, сообщите мне.

Answer 1

Я решил проблему внедренного @print стилей в главном файле CSS в Chrome, просто удалив атрибут media в разметке:

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

На другой ноте, я лично никогда не видел использование % static … % в элементе <link>. Вы пытались не использовать это?

Теперь, если вы хотите связать отдельную таблицу стилей для печати, я бы рекомендовал не включать media атрибут:

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