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

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

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

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

@media print {
   …
}

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

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