Предложения по созданию идеальных для пикселов макетов CSS?

Question

Одна бизнес-цель требует, чтобы я сделал на экране форму, которая идеально подходит для пикселей. Если пользователь распечатает эту форму, она будет точно соответствовать версии формы, установленной Правительственной типографией США; принтер выдаст (разумно) сканируемую копию этого документа. Предыдущее решение - PDF, который будет работать для нас только до определенного момента.

Я склоняюсь к HTML / CSS и хотел бы получить советы по инструментам, помогающим в этом.

Для инструментов PixelPerfect в Firefox кажется хорошим началом. Целевой платформой для этого является (барабанная дробь) IE6, если это помогает. Документ выглядит как this .

Если HTML / CSS полностью запрещены, Adobe Flex - мой следующий выбор.

Answer 1

Если цель - идеальная печать в пикселях, и даже PDF вам не поможет, вы можете сразу отказаться от печати из браузера. При рендеринге на стороне клиента слишком много переменных: от разных браузеров (IE6? Удачи!) До разных шрифтов, от настроек пользователя до формата A4 или Letter.

Могу я спросить, почему PDF не подходит?

Answer 2

Если вы беспокоитесь из-за того, что рендерер (IE, Acrobat и т. Д.) Портится, вы всегда можете отобразить форму на сервере и просто передать изображение пользователю.

Answer 3

Во-первых, отказаться от пикселей. Что вам нужно, так это таблица стилей печати, в которой все указано в физических единицах (см / дюймах), размер шрифта в пт и т. Д. Что отображается на экране, в каком размере шрифта, и является ли оно пиксельным или не соответствует вашему требованию создать сканируемую копию .

Вопрос теперь в том, достаточно ли для этого поддержки IE6 физических единиц и таблиц стилей печати? Учитывая мой опыт в создании таблиц стилей печати для клиентов, где IE просто зависал во время процесса печати, если вы ошиблись, я бы сказал, что это не слишком вероятно - не из-за сложности форм, с которыми вы имеете дело.

Answer 4

Я согласен, что макеты с идеальным пикселем очень, очень трудно достичь с помощью html / css, особенно с формами. Тем не менее, я думаю, что PDF-файлы могут получать данные от внешних веб-форм или иметь текстовые поля, которые при заполнении будут печатать.

Вывод Flex в pdf был бы хорошей идеей, но я не думаю, что использование flex в качестве движка рендеринга слишком сильно поможет в этом.

Другой вариант - создать PDF-файл и использовать язык на стороне сервера, чтобы настроить его с помощью полей из предыдущей веб-формы и вывести результат. (Это легко сделать с помощью ruby ​​/ django / php, там есть несколько хороших библиотек pdf.)

Answer 5

Дин, зацени Принц . Берт Бос и Хокон Вьюм Ли использовали его для производства своей книги по CSS . Они объясняют немного об этом в A List Apart статье .