Задать вопрос
khusamov
@khusamov
ReactJS, NodeJS, TypeScript, Sencha ExtJS

Как печатать из браузера без полей?

Гугл Хром при печати добавляет какие-то поля. В итоге страницу впритык к краям не распечатать. Это не столь критично на бумаге А4-го формата, но фатально для этикеточного принтера, где как известно размер бумаги маленький.
Даже убирание отступов не помогает:
<html>
	<head>
		<style>
			body {
				padding: 0;
				margin: 0; 
			}
		</style>
	</head>
	<body>
		Текст на странице
	</body>
</html>

Отрицательные отступы работают, но происходит обрезание текста, то есть поля все равно остаются, а инфа обрезается.
Вопрос, что делать, если хочется без полей печатать???
  • Вопрос задан
  • 4878 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
khusamov
@khusamov Автор вопроса
ReactJS, NodeJS, TypeScript, Sencha ExtJS
Ура, нашел решение:

<html>
	<head>
		<style>
			@media print { 
				@page {
					padding: 0;
					margin: 0; 
				}
			}
		</style>
	</head>
	<body>
		Текст на странице
	</body>
</html>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
суть в том, что для печати html следует указывать отдельные стили. пишутся таковые в специальном медиа-запросе. называется он, как несложно догадаться, print.

То есть
(сабака)media print {
и здесь уже указываешь на элементы, убираешь им отступы
}
Ответ написан
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Это настройки браузера, а не вашей страницы.
Вы можете только использовать media print, но это не поможет избавиться от полей.

8bf295cecbb6456baa4ecee56b5495cd.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы