حلول مشاكل Media

<style>

// ما الذي سوف يطبع؟

@media screen {
.userwhoprint { display: none; } }

// ما الذي سوف يمنع من الطباعة؟
@media print {
.hideonprint { display: none; } }

// طباعة الصفحة عرضيًا:
@media print {
@page {
margin: 2cm;
size: landscape; } }

// ارتفاع النص:
@media screen, print
{ body { line-height: 1.0; } }

// حجم الصفحة:
.page {
width: 210mm;
/* عرض الصفحة مثل A4 */
height: 297mm;
/* طول الصفحة مثل A4 */
margin: 10mm auto;
padding: 20mm;
/* border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
page-break-after: always;
/* يضمن الانتقال للصفحة التالية عند الطباعة */
}
</style>