Я предполагаю, что вы хотите максимально контролировать печатное окно без использования подхода HTML к PDF ... Используйте экран @media для отладки - @media print для окончательного css
Современные браузеры могут дать вам быстрое представление о том, что произойдет во время печати, используя дюйма и точек в формате @media query.
@media screen and (max-width:8.5in) { /* resize your window until the event is triggered */
html { width:8.5in; }
body { font: 9pt/1.5 Arial, sans-serif; } /* Roughly 12px font */
...
}
Как только ваш браузер отобразит "дюймы", у вас будет лучшее представление о том, чего ожидать. Этот подход должен почти закончить метод предварительного просмотра. Все принтеры будут работать с блоками pt и in, а использование метода @media позволит вам быстро увидеть, что произойдет, и соответствующим образом отрегулировать. Firebug (или эквивалент) абсолютно ускорит этот процесс. Когда вы добавили свои изменения в @media, у вас есть весь код, необходимый для связанного файла CSS, с использованием атрибута media = "print" - просто скопируйте / вставьте правила экрана @media в указанный файл.
Удачи. Сеть не была создана для печати. Создание решения, которое доставляет весь ваш контент, стили, равные тем, которые видны в браузере, иногда могут быть невозможны. Например, гибкий макет для преимущественно 1280 x 1024 аудитории не всегда легко переводится на красивую и аккуратную лазерную печать 8,5 x 11.
W3C ссылка на гнойное: http://www.w3.org/TR/css3-mediaqueries/