ограничение веб-контента в пределах фиксированного размера

Question

У меня есть кусок HTML.Я хочу встроить этот HTML в пару тегов на моей собственной веб-странице.HTML-код не известен заранее.это получается динамически.Этот HTML-код может содержать все, что угодно, обычно изображения и тексты и видео YouTube.

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

я тоже не хочу полосу прокрутки.я не знаю как это сделатьЯ знаком с HTML, но не очень с CSS.Я искал в Интернете, пытаясь найти примеры других людей, реализующих это.Я не смог найти ничего.

Вы знаете, как это сделать?

Answer 1

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

Забудь об этом. Это не будет работать надежно для произвольного контента.

Вы можете поместить все в контейнер:

<div id="container" style="width: 300px; height: 300px; overflow: hidden">
...    
</div>

, а затем попробуйте принудительно max-width на изображениях в нем:

#container img { max-width: 300px; }

но не ожидайте, что это всегда будет выглядеть красиво.

Нет способа действительно увеличить содержимое внутри DIV или IFrame (пока).