2015-06-10 3 views
1

Мне нужна высота и ширина визитной карточки в пикселях в Интернете, потому что я создал дизайн визитной карточки HTML и CSS в своем приложении. здесь я могу дать печать, чтобы печатать визитную карточку.Визитная карточка высота и ширина в пикселях в Интернете?

Теперь, Что ширина и высота в пикселях я использую, так что он будет правильно напечатано на размер фактической визитной карточки (3,5 и 2 дюйма)

ответ

0

Оно должно быть:

height: 336px 
width: 192 

=

height: 3.5in 
width: 2in 
+2

Как вы решили преобразовать дюйм в пиксели, не зная, на какой DPI он печатает? –

+0

Он спрашивает: «Теперь, какова ширина и высота в пикселе, который я использую». –

1

Дюймы действительны длины CSS, просто используйте их.

Абсолютные единицы длины представляет собой физическое измерение, и когда физические свойства выходных сред известны, например, для макета печати. Это делается путем привязки одного из блоков к физической единице и определения другого относительно этого. Якорь выполняется по-разному для устройств с низким разрешением, таких как экраны и устройства с высоким разрешением, например принтеры.

Length @ MDN

CSS блоков и точек на дюйм

Блок в/дюйм не представляет собой физический дюйм на экране, но представляет собой 96 пикселей. Это означает, что независимо от реальной плотности пикселей экрана, предполагается, что она равна 96dpi. На устройствах с большей плотностью пикселей 1 дюйм будет меньше 1 физического дюйма. Аналогично, mm, cm и pt не являются абсолютной длиной.

Некоторые конкретные примеры:

1in всегда 96 пикселей, 3pt всегда 4px, 25.4 всегда 96 пикселей.

+0

Следует подчеркнуть: «На устройствах с большей плотностью пикселей 1 дюйм будет меньше 1 физического дюйма». поэтому W3C говорит, что этого не делать. http://www.w3.org/Style/Examples/007/units.en.html – Rob

Смежные вопросы