اذهب إلى المحتوى
  • 0

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

محمد عبد العاطى

السؤال

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

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

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

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

@media print {
   …
}

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

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

تم التعديل في بواسطة xalcrazy
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...