الطريقة التكيفية iframe في تخطيط استجابة الويب

في تصميم الاستجابة ، يجب أن نكون حذرين بشأن عرض وارتفاع سمات العرض والارتفاع لعناصر iframe ، ولكن عندما يكون عرض أو ارتفاع الكتلة أو الارتفاع أصغر من عرض أو ارتفاع iFrame ، ظاهرة iFrame العنصر يفيض

سيؤدي هذا الإطارات الفائض إلى تدمير تخطيط الصفحة. يمكننا استخدام طريقة واحدة لجعل عناصر iframe تستجيب أيضًا ، والانتظار ونرى.

لا يمكن سحب عنصر iframe نفسه ، ما لم يتم عرض العرض بواسطة JS. ولكن يمكننا أن نلف iFrame من خلال عنصر iframe-container ، وفي الوقت نفسه جعل عرض عنصر iframe-container مليء بالعرض يحتوي لعنصر iframe-container.

في الواقع ، يكمن جوهر هذه الطريقة في تعيين خاصية حشوة لعنصر iframe-container. نظرًا لأن وضع نسبة مئوية للمسافة الحشوية تتم مقارنة بعرض العنصر الأصل ، إذا تم تعيين النسبة المئوية لسمة الارتفاع ، فسيتم مقارنتها مع ارتفاع العنصر الأصل. يمكن فقط تعيين سمات للحشوة. وبهذه الطريقة ، تحتاج فقط إلى جعل عناصر iframe مليئة بـ iframe-container.