How to do @media print skip the @media max-width

Navigation
0

I have a problem with my css that is generating a mobile layout at the time of printing, I have a @media max-width that makes my site responsive, however I would like to ignore it in @media print and print only the desktop layout, would you have some way to do that?

    
asked by anonymous 26.02.2018 / 16:40

2 answers

2

Yes, you make them act only on screen or print using @media only for example 

@media only screen and (max-width: 1024px) {
   // somente tela
}

and then 

@media print {
   // impressão
}

More information here: link

    
26.02.2018 / 17:13
0

You should do something like this: 

@media not print {
     @media (min-width:500px) {
         /* o teu estilo */
     }
}

This basically runs as (not print) and (min-width: 500px) .

I hope I have helped. :)

    
26.02.2018 / 17:17
Table that shows only a few columns of the database Correct Code to select and compare