Podgląd podstrony do druku

Styluję w prestashop kartę produktu do druku.

Używam tutaj CSS i:

@media print{}

jest jakiś sposób na podglądanie tego jeszcze jako HTML? Nie jako PDF? 

Bo strasznie ciężko cokolwiek edytować i co chwilę CTRL + P do podglądu. Tak to bym jakos w chromie debugerem podejrzal i poustawial sobie  

Wywal "@media print{"

Wywal "@media print{"

Nie czaję bez media print mam normalną wersję. 

Musiałbym pewnie !important napierdzielac? Czy moze osobny plik do tego, to wtedy z niego najpierw bedzie ladowac? 

Zawartość media print musi być na końcu pliku css (lub w osobnym i załadować go po głównym css) i przede wszystkim elementy muszą być tak samo 'opisane', lub dokładniej:

#header .top_menu .item a{color:red}

/* ... */
/* @media print{ */

#header .top_menu .item a{color:blue} /* dobrze */
#header a{ color: green } /* źle */
#header .top_menu ul li.item a{color:blue} /* jeszcze lepiej! */

/* } */

Ponieważ priorytet mają 'najostatniejsze' wpisy i najdokładniejsze. Stosowania !important raczej w tym wypadku nie polecam, bo zapewne za dużo by tego było

Użytkownik unbreak edytował ten post 11 czerwca 2015 - 07:20

Co wy tak uparcie utrudniacie sobie życie tymi media queries w css ?
Więcej z tym kopania się i niepewności, niż z nieustannie działąjącym

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

​

Zawartość media print musi być na końcu pliku css (lub w osobnym i załadować go po głównym css) i przede wszystkim elementy muszą być tak samo 'opisane', lub dokładniej:

#header .top_menu .item a{color:red}

/* ... */
/* @media print{ */

#header .top_menu .item a{color:blue} /* dobrze */
#header a{ color: green } /* źle */
#header .top_menu ul li.item a{color:blue} /* jeszcze lepiej! */

/* } */

Ponieważ priorytet mają 'najostatniejsze' wpisy i najdokładniejsze. Stosowania !important raczej w tym wypadku nie polecam, bo zapewne za dużo by tego było

 

Za duzo z tym pierdzielenia  

UPDATE: w Chromie w debugerze (Emulation) jest opcja Print CSS media Wystarczy zaznaczyć w emulatorze takie coś i mamy to, czego szukałem.