Как задать размер печатной области в css?

Question

[Виталий]

Всем доброго.
Никак немогу настроить принтер на нормальною пичать страницы из хрома. У меня маленький принтер (не а4), в своем html документе печатаю только нужною, выделеную область с помощю css атрибута @media print в котором есть клас с параметром display: none; который я прикрутил к ненужной для печать области (попытка сделать наоборот,не получилась). Все было хорошо ,все печаталось. Но тут апдейтнулся хром к 54 версии и все полетело :( Тепер то что я хочу печатать, стало очень маленьким и сместилось в верхний левый угол (на превю и в реале). Подскажите пожалуйста как мне растинуть контент для печать на всю станицу (тоесть на всю бумажную страницу) ?

Comments

[Виталий]

Как то так (намго упрощеный вариант):

стили:

.bot {
        width: 800px;
        height: 100px;
        background: red;
    }

    table,td,tr {
        border: 1px solid black;
    }
    
    @media print {
        .nono {
            display: none;
        }

        .printt {
            display: block;
        }
    }

HTML :

<p class="nono">some text</p>

<div class="bot nono">
    <p class="nono">other text</p>
</div>

<div class="printt">
<p>prin</p>
    <table>
        <tr>
            <td>some</td>
            <td>some</td>
            <td>some</td>
        </tr>
          <tr>
            <td>some</td>
            <td>some</td>
            <td>some</td>
        </tr>
        <tr>
            <td>some</td>
            <td>some</td>
            <td>some</td>
        </tr>

    </table>
</div>
<div class="nono" style="margin-top: 100px">
    <h3>footer</h3>
</div>

В результате получаю



В принцыпе его можно отодвинуть повторно описав все стили в @media print но как то это коряво, ибо неизвестно размер этого превю, а в mm или % размер оно не воспринимает