Адаптивный метод iframe в макете веб -ответа

В макете ответа мы должны быть осторожны с шириной и высотой ширины и атрибутов высоты элементов iframe, но когда ширина или высота блока или высоты меньше ширины или высоты iframe, явление iframe Элемент переполняет

Это переполнение iframe разрушит макет страницы. Мы можем использовать один способ, чтобы сделать элементы iframe, также ответить, и подождать и посмотреть.

Сам элемент iframe не может быть отозван, если только ширина отображается JS. Но мы можем обернуть iframe через элемент iframe-container и в то же время сделать ширину элемента iframe-container, полной ширины, содержащих блоки, и на основе длины и соотношения ширины iframe, установите процент подкладки. элемента iframe-container.

Фактически, сущность этого метода заключается в установлении свойства подкладки элемента iframe-Container. Поскольку установление процента для подкладки сравнивается с шириной родительского элемента, если процент атрибута высоты устанавливается, он сравнивается с высотой родительского элемента. может установить только атрибуты для подкладки. Таким образом, вам нужно только сделать элементы iframe, полными iframe-container.