Как создать элемент на веб-сайте, который печатает в определенном размере?

Question

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

Как настроить элемент (например, div), чтобы он печатался с размером кредитной карты? (86 миллиметров x 54 миллиметра)

есть ли способ убедиться, что размер карт правильно печатается на разных компьютерах или будут ли параметры разрешения их экрана влиять на размер печати?

Answer 1

Независимо от того, отображается ли текст или изображения для карт, просто установите размер для высоты и ширины в пикселях. Если вы используете текст, назначьте ширину внешней границы или области div в пикселях. Если вы используете изображения, то их параметры размера уже должны быть установлены.

Для гарантии того, что принтер ничего не изменит, отбросьте содержимое карты в таблицу или div, установленную на ширину и высоту в пикселях, чтобы соответствовать обычно используемой области печати на странице формата А4. Выберите размер, который заполнит A4 без обрезки.

Например:

<table align="center" border="1" cellspacing="0" cellpadding="10" width="600" height="900" > 
<tr> 
<td align="center"><img src="image.jpg" width="500" height="500"></td> 
</tr> 
</table> 

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