iFrame и "максимальная высота"

Question

Есть идеи по использованию max-height в iFrame без полей и без прокрутки, поэтому, если он окажется слишком высоким, браузер не отобразит гигантскую черную область для заполнения остальной части iFrame?

Я пытался установить height="100%" и max-height="xx", но, похоже, это не работает.

Большое спасибо!

Answer 1

Использование height="100%" с использованием оператора = предполагает, что вы пытаетесь использовать встроенные атрибуты.Это может работать, но обычно лучше работает с абсолютными измерениями (поэтому 700px, а не в процентах).* Насколько мне известно, max-height не является допустимым атрибутом какого-либо элемента , за исключением в таблицах стилей, поэтому я рекомендую использовать CSS:

iframe {
    min-height: 200px; /* or whatever */
    max-height: 500px; /* or whatever */
}

Вы можете, если необходимо, также использовать встроенные стили, что даст <iframe src="..." style="min-height: 200px; max-height: 500px;">

Кроме того, в то время как вы можете использовать проценты, чтобы дать max-height: 80% для этого требуется, чтобы у родительского элемента была определенная height собственная (я не уверен, что это все браузеры или только один или два, но в любом случае это кажется разумныможидание того, что браузер сможет определить, что на самом деле составляет 80% ).