Веб-страница переменной ширины отображается в div

Question

я и друг работаем над html-приложением для смартфона (часть стажировки). Я пытаюсь получить веб-страницу для отображения в отдельном div. Я могу сделать это достаточно легко с помощью iframe, но проблема в том, что ширину div можно увеличить.

Каким был бы самый простой способ получить веб-страницу в div, размеры которого соответствуют размерам div, в котором она находится?

Мой помощник выполняет весь javascript и использует jquery, и я сосредотачиваюсь на работе с HTML и CSS. У меня очень мало опыта работы с JS.

Answer 1

Вы можете использовать атрибуты CSS или width и height для <iframe>, чтобы сопоставить его ширину с div, в который он помещен. Но будет ли размер веб-страницы точно соответствовать размеру div, чтобыВы не получаете горизонтальные полосы прокрутки зависят от самой веб-страницы.Он подойдет, если div достаточно большой для веб-страницы или если веб-страница имеет изменяемый макет, т.е. ширина ее содержимого определяется в %.

Answer 2

Другим способом было бы отправить запрос на стороне сервера другому серверу, затем использовать фазер XML, чтобы получить только содержимое тела, а затем записать этот HTML-код в div. Тогда вам придется настроить ширину с помощью CSS и / или JavaScript. Но я бы посоветовал сделать с Ифраме, потому что это его природа;)