مُختبر التصميم المرن معاينة المواقع الإلكترونية في نقاط انقطاع الأجهزة الشائعة باستخدام عارض إطار متضمّن.

يستخدم اختبار الاستجابة إطارًا مخففًا بCSS لمحاكاة منافذ العرض للأجهزة. يتم تعيين الإطار إلى أبعاد الجهاز الفعلية (على سبيل المثال ، 390x844 لآيفون 14) ، ثم يتم تطبيق تحويل CSS: scale() للتناسب مع المنطقة المرئية. يضمن transform-origin: top left سلوك التمثيل الصحيح. توفر هذه النهج تمثيلاً دقيقًا لكيفية عرض الموقع على الدقة المستهدفة. يرجى ملاحظة أن هذا هو محاكاة منفذ العرض - لا يتكرر محركات تقديم الأجهزة المحددة أو سلوك اللمس أو نسب بكسل الجهاز. لاختبار الجهاز الدقيق ، استخدم أدوات مطور المتصفح أو أجهزتك الفعلية. يستخدم الاستفسار المتوافق الناتج max-width افتراضيًا ، متبوعًا بنهج الهاتف الأول حيث يمكنك إضافة استفسارات min-width لأحجام الشاشات الأكبر.