2010-05-08 6 views
3

Должен ли я хранить #wrapper{ width:100%} в печати css? потому что на экране мой дизайн имеет фиксированную ширину дизайна 960 px. но в мире существует так много типов бумаги и размеров, и любой может печатать на бумаге любого размера, все больше и меньше.Должен ли я хранить #wrapper {width: 100%} в print css?

Так что если в print css я не указываю относительную ширину, то я думаю, что распечатка страницы будет вырезана из правильного размера, если пользователь будет печатать на бумаге размером, который может быть меньше или больше ширины, чем мой сайт # ширина ширины (960px). то это может создать проблему.

http://www.dpandi.com/paper/index.html

принтер также оставить некоторый запас при печати.

Значит, должно быть все относительное значение в print css?

обновление:

И я должен также изменить поплавка влево или вправо, чтобы плавать: ни в печати CSS?

ответ

1

Да, вам следует. Если вы придерживаетесь определенного размера пикселя, вы можете даже столкнуться с ситуацией, когда разные посетители могут видеть разные объемы страницы, отрезанной из-за их DPI принтера и/или браузера. Возможно, вы захотите также отрегулировать размер шрифта как относительный (используя em или%).

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

0

Перед отправкой на принтер браузеры имеют тенденцию переводить пиксели до близкого размера, поэтому они будут похожи на то, что вы видите на экране. Он не отправит размер пикселя на принтер.

+0

вы имеете в виду, независимо от того, фиксированный или жидкий блок –

+0

Он будет похож на то, что на экране. Если вы хотите принять конкретные соображения дизайна для макетов печати, вам нужно сделать это, и лучший способ - не использовать ширину вообще, просто используйте 'width: auto;'. Таким образом, именно контент определяет, как он изложен на бумаге. Это, конечно, зависит от того, как вы хотите, чтобы макет распечатки был похож. Вы должны учитывать, что часто фоновые изображения/цвета часто не отображаются. Это пользовательский параметр в браузере. – awe

+0

Также см. Http://www.w3.org/TR/CSS2/page.html для определений css, которые применяются специально для постраничного носителя (например, бумаги). Это хорошо работает в Internet Explorer и Opera, но не так хорошо в Firefox. Мой опыт в том, что когда дело доходит до печати веб-страниц, IE7 + очень хорош. – awe