مرتبط با این مطلب امروز در نایت ملودی ![]() عکس و بیوگرافی بازیگران فیلم سینمایی چرا گریه نمیکنی ![]() جواب سوالات دایی بهادر در بازی خواستگاری ![]() بازیگر نقش گلنار در سریال گیلدخت ![]() دانلود استیکر واتساپ خنده دار برای ایفون ![]() سفر به مریخ چقدر طول میکشد؟ ![]() بهترین فیلم های جشنواره فجر ۱۴۰۲ ![]() طرز تهیه لوکوم پرتقال ![]() طرز تهیه سیر سیاه روی بخاری ![]() نقد فیلم عروسی مردم ![]() علت قتل داریوش مهرجویی و همسرش – قاتل که بود؟ ![]() طرز تهیه کله جوش با ماست و بادمجان ![]() فال عطسه تایلندی ![]() چه حرکاتی در بدنسازی باعث افزایش قد میشود؟ ![]() طرز تهیه موچی شکلاتی ![]() بررسی فیلم سینمایی سنگدل ۲۰۲۳ ![]() داستان سریال عقرب عاشق ![]() جاهای دیدنی تبریز و اطراف آن ![]() طرز تهیه روغن دنبه ![]() فیلم سینمایی شهر هرت با بازی پژمان جمشیدی ![]() طرز تهیه شیرینی اسکار گردویی و کنجدی با گذشت زمان و فراگیر شدن سیستم های کامپیوتری، کاغذ محبوبیت و کارایی خود را در محیط کار و منزل از دست داد. کامپیوترهای شخصی، لپ تاپ ها، تبلت ها و تلفن های هوشمند جایگزین مناسبی برای روش های سنتی نگهداری اطلاعات بودند. اما هنوز با وجود مزایای فراوان استفاده از سیستم های دیجیتالی، افرادی هستند که تمایل بیشتری به نگهداری فیزیکی اسناد دارند. در گذشته برای چاپ یک صفحه از وب سایت، نسخه خلاصه شده آن صفحه را به صورت مجزا ایجاد می کردیم تا کاربر بتواند به بهترین شکل نسخه چاپی آن را در اختیار داشته باشد. مجموعه ای از ترفندها و نکات مربوط به “تلفیق نسخه چاپی سایت در نسخه اصلی آن” با کمک سی اس اس در دو بخش جمع آوری شده است که بخش اول آن را می توانید در ادامه مشاهده نمایید. قدم اول: تعریف چاپگر به جای نمایشگر به عنوان خروجی @media print { } حذف رنگ های اضافه @media print { body { color: #000; background: #fff; } } حذف اجزای اضافه در زمان چاپ /* Default styles */ h1 { color: #fff; background: url('/banner.jpg'); } @media print { h1 { color: #000; background: none; } nav, aside { display: none; } } واحدهای اندازه گیری در چاپ @media print { h1 { color: #000; background: none; } nav, aside { display: none; } body, article { width: 100%; margin: 0; padding: 0; } @page { margin: 2cm; } } یکپارچه بودن قسمت های مهم h2, h3 { page-break-after: avoid; } همچنین برای تصاویر حداکثر عرض تعریف می کنیم تا تصاویر بزرگتر به صورت خودکار در زمان چاپ متناسب با عرض صفحه چاپ شوند. img { max-width: 100% !important; } نکته سوم اینکه بهتر است مقالات، اخبار و … (article) در زمان چاپ از ابتدای صفحه شروع شوند. article { page-break-before: always; } در نهایت بهتر است از تقسیم شدن بخش هایی مانند لیست ها و تصاویر به چند صفحه جلوگیری کنیم. ul, img { page-break-inside: avoid; } نکته: چهار موردی که در این بخش ذکر شد فقط به عنوان نمونه بودند و با توجه به نیاز می توان این بخش را تکمیل کرد. نمایش تصاویر زمینه و رنگ ها در چاپ @media print and (color) { * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } در بخشی بعدی، ترفندهای دیگری برای بهینه سازی نسخه چاپی سایت بیان خواهد شد. نظرات |