khusamov
@khusamov
ReactJS, NodeJS, TypeScript, Sencha ExtJS

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

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

Отрицательные отступы работают, но происходит обрезание текста, то есть поля все равно остаются, а инфа обрезается.
Вопрос, что делать, если хочется без полей печатать???
  • Вопрос задан
  • 4591 просмотр
Решения вопроса 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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы