چگونه صفحات وب بصورت landscape چاپ شود

چگونه صفحات وب بصورت landscape چاپ شود

برای آنکه کل صفحات بصورت landscape چاپ شود می توان از دستور زیر استفاده کنیم

@media print{@page{size: landscape}}

اما این دستور در مرورگر های مختلف به درستی کار نمی کند و همچنین نمی توان بعضی از صفحات را landscape کرد

برای این منظور بهتر است از روش چرخش ۹۰ درجه ای صفحه استفاده کنیم

قسمت را که می خواهید بصورت landscape چاپ شود در تگ div قرار می دهیم

<div data-type-print='landscape'">
.
.
.
</div>
 

دستور زیر را به CSS خود اضافه کنید

@page {
size: 210mm 297mm;
}
[data-type-print='landscape'] {

-webkit-transform: rotate(90deg) translate(95mm,-285mm);
-webkit-transform-origin: 0mm 0mm;
-moz-transform: rotate(90deg) translate(95mm,-285mm);
-moz-transform-origin: 0mm 0mm;
-o-transform: rotate(90deg) translate(95mm,-285mm);
-o-transform-origin: 0mm 0mm;
-ms-transform: rotate(90deg) translate(95mm,-285mm);
-ms-transform-origin: 0mm 0mm;
transform: rotate(90deg) translate(95mm,-285mm);
transform-origin: 0mm 0mm;

}

حالا می توانید بعضی از صفحات را در یک گزارش html بصورت landscape چاپ کنید

 

تعداد بازدید ها (19)

در شبکه های اجتماعی به اشتراک بگذارید

درباره نویسنده / محمد تقی زاد بدریان

بدون دیدگاه

ارسال دیدگاه