@Vasek18

Почему происходит дублирование первой страницы при печати сайта, если контент не помещается на одной странице?

Всем, привет
В интернетах нет ответа на этот вопрос

Чтобы увидеть наглядно можно перейти сюда service.vspbmebel.ru, на вкладку производство, там "Печать оковка" и в модальном окне кликните на печать
Если вы в хроме, то сразу увидите предпросмотр
Сама кнопка просто запускает команду windows.print()

Как вы можете заметить, контент не помещается на одну страницу, но вместо того, чтобы распечататься на несколько, он просто дублирует первую
В это же время, если при печати должна получится всего одна страница *например, редактор двери - печать - печать", то всё ок

Приведу весь релевантный код
@media print{
	h1, .constructor-header, .left-options, .main-view, .modal-header, .left-menu, .constructor-wrap{
		display : none;
	}
	.modal-content, .constructor-wrap{
		border : none;
	}
	.form-group{
		margin-bottom : 0;
	}
	body.modal-open{
		overflow : visible;
	}
}

$(document).on("click", ".modal-header .btn-print", function() {
    var height;
    height = $(".modal-content:visible").height();
    $("body").css('min-height', height); // хак для модальных окон
    window.print();
    return false;
  });


page-break-before : always; кстати, тоже не работает внутри модалки, несмотря на отсутствие флоатов у родителя
  • Вопрос задан
  • 261 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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