Milligram: لا يتم الاحتفاظ بالأنماط عند الطباعة / محاكاة عرض الطباعة

تم إنشاؤها على ٢٤ مايو ٢٠١٨  ·  2تعليقات  ·  مصدر: milligram/milligram

معلومات الإصدار

مليغرام: - الأحدث عبر http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css

أخرى (على سبيل المثال ، normalize.css ، node.js ، npm ، bower ، المتصفح ، نظام التشغيل) (إن أمكن):
normalize.css - الأحدث عبر http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - الإصدار 66.0.3359.181 (الإصدار الرسمي) (64 بت) (Linux)

حالة اختبار

https://codepen.io/robsdudeson/pen/ZoNgvP

خطوات التكاثر

بمجرد الانتقال إلى الصفحة
حدد طباعة ، أو معاينة قبل الطباعة ، أو قم بتمكين محاكاة عرض الطباعة

سلوك متوقع

الأنماط في عرض الطباعة تتطابق بشكل أكبر مع تلك الموجودة في عرض الشاشة

السلوك الفعلي

لا يتم تطبيق الأنماط بنفس الطريقة

التقديم العادي

issue-199-no-emulation

تقديم الطباعة

issue-199-print

Hacktoberfest

التعليق الأكثر فائدة

استخدم media="all" عند ربط css

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

شاهد برنامج codepen المحدث هنا:
https://codepen.io/marcusasplund/pen/bKBmbo

ال 2 كومينتر

استخدم media="all" عند ربط css

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

شاهد برنامج codepen المحدث هنا:
https://codepen.io/marcusasplund/pen/bKBmbo

marcusasplund أشكركم على مساعدة robsdudeson

robsdudeson في الوقت الحالي ،
من فضلك ، إذا كنت بحاجة إلى مساعدة لا تتردد في إعادة فتح أو فتح جديد!

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات