Ширина / высота IFrame по умолчанию - PullRequest
33 голосов
/ 03 мая 2011

Есть ли какие-либо спецификации, определяющие ширину / высоту по умолчанию для IFrame?

Браузеры, которые я тестировал (FF, IE, Chrome), используют 300x150px, но я не смог найти никаких спецификаций по этому вопросу.Должен ли я когда-либо попадать в ситуацию, могу ли я полагаться на эти значения или я всегда должен явно указывать ширину / высоту?

Ответы [ 2 ]

42 голосов
/ 03 апреля 2014

Я нашел ответ в списке рассылки dev-tech-layout - это часть спецификации CSS. Коэффициент по умолчанию равен 2: 1 .

ширина по умолчанию из 300px определена в последнем абзаце спецификации CSS, в разделе ширина встроенных заменяемых элементов .

В противном случае, если width имеет вычисленное значение auto, но ни один из вышеуказанные условия выполняются, тогда используемое значение 'width' становится 300px. Если 300px слишком широки, чтобы соответствовать устройству, UA должны использовать ширина самого большого прямоугольника, который имеет соотношение 2: 1 и соответствует устройство вместо.

высота по умолчанию из 150px определяется в последнем абзаце спецификации CSS, в разделе высота встроенных заменяемых элементов .

В противном случае, если 'height' имеет вычисленное значение 'auto', но ни один из вышеуказанные условия выполняются, тогда необходимо установить используемое значение 'height' на высоту самого большого прямоугольника, который имеет соотношение 2: 1, имеет высота не более 150 пикселей и имеет ширину не более Ширина устройства.

5 голосов
/ 03 мая 2011

Я бы установил ширину и высоту явно, чтобы обеспечить согласованный рендеринг для нескольких браузеров / платформ, поскольку нет гарантии, что каждый браузер будет реализовывать одинаковые размеры по умолчанию.

<iframe src="iframePage.html" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>
...