Проблема с печатью с начальной загрузкой navbar

Я сделал сайт с загрузочным устройством фиксированной навигации. Он зафиксировал navbar, поэтому в тесте стилей есть верхняя прокладка 70px.Проблема с печатью с начальной загрузкой navbar

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

Ниже предварительный просмотр печати с прокладкой

Print Preview of with padding

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

enter image description here

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

Пожалуйста, дайте мне некоторое решение, чтобы сохранить фиксированный навигатор, а также отступы не включаются в печать.

источник

2014-02-19 Sumit P Makwana

Почему вы не создаете css только для печати? – Alberto

Я создал таблицу стилей только для печати и т работал, спасибо за решение. Я не знал, что мы можем также создать таблицу стилей только для печати. –

Отлично, вы решили! Так как это действительно правильное решение, могу ли я передать комментарий для ответа? Упс, просто увидел, что кто-то сказал это как решение уже. Поэтому мне не нужно его добавлять. – Alberto

Добавить новую таблицу стилей для печати, как это (место этого после основной таблицы стилей):

<link rel="stylesheet" href="/css/print.css" media="print">

В print.css установлено новое правило CSS для тега тела, как так:

body { 
    margin-top: 0; 
}

источник

2014-02-19 16:04:19

Он работал, спасибо за решение. Я не знал, что мы можем также создать таблицу стилей только для печати. –

Принятый ответ работает отлично, но если вы не хотите добавлять новую таблицу стилей, альтернатива заключается в том, чтобы обернуть заполнение тела в медиатеке. В вашем site.css:

@media screen { 
body { 
    padding-top: 50px; 
    padding-bottom: 20px; 
}

}

Это указывает, что стиль должен быть применен только при просмотре страницы, а не печать.

источник

2015-03-27 13:10:30 RobJohnson

Я знаю, что вы можете или не можете хотите, чтобы показать навигационную панель в печати. Я хотел показать это, поэтому я добавил это в свой CSS (Bootstrap 3):

@media print { 
    .navbar { 
     display: block; 
     border-width:0 !important; 
    } 
    .navbar-toggle { 
     display:none; 
    } 
}

источник

2015-04-02 19:59:00 blalond

Проблема с печатью с начальной загрузкой navbar

ответ

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