• 0

كيف أغيّر شكل الطباعة لصفحة موقع ذو تصميم Responsive؟

لدى صفحة بموقع ذو تصميم  Responsive وارغب في تغيير شكل الطباعة اثناء قيام الزائر بمحاولة الطباعة من أي جهاز محمول ليقوم بعرض النسخة العادية من الموقع Desktop  بدلا من النسخة ال Responsive التي تظهر له 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

هذا اﻷمر مُثير للأهتمام حقاً.
بالتأكيد هناك حل بأستخدام CSS3 
أشياء كثيره تم توفيرها مع إنطلاق HTML5 من أهمها تجاوب تصميم الموقع مع أغلب أجهزه الهواتف الذكيه او الأجهزة اللوحيه او أجهزة سطح المكتب.

يُمكن ﻷي شخص طباعة اي صفحة بموقعك وتكون متجاوبة تماماً وبها التفاصيل اللازمة مع مراعاة حجم الصفحة التي ستُطبع علي الورقة التي ستخرج من الطابعة.
كيف يمكن هذا؟
كما ذكرت انه يمكن ذلك باستخدام CSS3
وبما انك تتحدث عن أن موقعك متجاوب فانت بالتأكيد لديك خلفيه عن كود @media في CSS المسؤال عن تجاوب الموقع مع الأجهزه المختلفه.

يُمكنك فعلها للطباعة ولكن باستخدام @media print وهذا الكود يعمل مع تشغيل جهاز الطابعة او عند الضغط على طباعة.
هكذا:

@media print {
   …
}

بدلاً من هذه النقاط ... قم بوضع خصائص جديده لصفحتك كي تُلائم عملية الطباعة وتتم بشكل مناسب للحجم الذي تُريد.

للمزيد من الأمثله حول جزئية الطباعه والتجاوب من هنا

تمّ تعديل بواسطة xalcrazy
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن