روش پنهان کردن آدرس صفحه در حالت پرینت با css
یکی از مهمترین بخشهایی که معمولا پروژههایی با سبک اتوماسیون سازی دارند بخش پرینت یک صفحه است که به طور مثال میتوان به فاکتور خرید در یک فروشگاه اینترنتی اشاره کرد. اگر در حال کار روی چنین پروژهای هستید و از قابلیت پرینت در مرورگر استفاده کنید حتما دیدهاید که در پایین بخش پرینت آدرس صفحهی مورد نظر و در بالای آن عنوان صفحه نمایش داده میشود که ممکن است پرینت صفحه را کمی کوچکتر کند و این موارد را اصلا لازم ندارد. در این نوشته به روش حذف آدرس و عنوان صفحه در پرینت مرورگر میپردازیم. این کار را با یک تکنیک css ساده انجام خواهیم داد.
روش پنهان کردن آدرس صفحه در حالت پرینت با css
برای حذف آدرس و عنوان صفحه در پرینت یک صفحه با مرورگر کد زیر را به استایل پروژهی خود اضافه کنید:
@media print {
@page {
size: auto;
margin: 0mm;
}
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 2 میانگین: 5]


















برای صفحات طولانی این روش مشکلی ایجاد نمیکنه؟
این روش برای صفحات طولانی مشکلی ایجاد نمیکند و فقط حاشیهها را تنظیم میکند.
margin صفر باعث نمیشه پرینتر بعضی قسمتها رو قیچی کنه؟
تنظیم margin صفر در حالت پرینت معمولاً برای جلوگیری از برش خوردن محتوا نیست، بلکه برای اطمینان از اینکه هیچ فضای خالی اضافی در اطراف صفحه پرینت وجود ندارد و تمام محتوا در دسترس است. در صورت نیاز، میتوانید مقادیر margin را کمی تنظیم کنید تا با پرینتر شما سازگار شود.
این کار روی نسخههای قدیمی کروم هم جواب میده؟
بله، این روش روی نسخههای قدیمی کروم نیز به خوبی کار میکند.
اگه margin رو صفر کنیم، محتوا خیلی به لبهی کاغذ نمیچسبه؟
سلام، بله حق با شماست. اگر میخواهید محتوا به لبهی کاغذ نچسبد، میتوانید مقادیر margin را کمی بیشتر تنظیم کنید.
این روش همه مرورگرها رو پوشش میده؟
بله، این روش با استفاده از `@media print` یک استاندارد CSS است و در اکثر مرورگرهای مدرن به خوبی کار میکند.