"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كائن مناسب: فشل الغطاء في IE و Edge ، كيفية إصلاح؟

كائن مناسب: فشل الغطاء في IE و Edge ، كيفية إصلاح؟

نشر في 2025-03-26
تصفح:243

Object-Fit: Cover Fails in IE and Edge, How to Fix?

في CSS للحفاظ على ارتفاع الصور المتسق يعمل بسلاسة عبر المتصفحات. ومع ذلك ، في IE و Edge ، تنشأ قضية غريبة. عند توسيع نطاق المتصفح ، تتغير الصورة في العرض بدلاً من التكبير في الارتفاع ، وتشويه مظهرها. -50 ٪) ؛

الارتفاع: 100 ٪ ؛

العرض: Auto ؛ // للكتل الرأسية

الارتفاع: Auto ؛

العرض: 100 ٪ ؛ // للكتل الأفقية

يضع هذه المجموعة الصورة في المركز باستخدام تحديد المواقع المطلقة ، مما يلغي المشكلة باستخدام كائن-تغطية في IE و EDGE. ستقوم الصورة الآن بتوسيع نطاقها بشكل متناسب ، والحفاظ على التأثير المطلوب دون تشويه.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3