Я использую iframe для использования html-страницы в качестве заголовка на другой странице html. Ширина заголовка источника не соответствует экрану. Есть ли способ, который я могу использовать, чтобы он соответствовал экрану?
Вот скрипка для вашей страницы: Fiddle
<body>
Your page content
</body>
Попробуйте этот код
<script type="text/javascript" >
$(document).ready(function(){
window.setInterval(resizeIframeHeader, 2000);
});
var pastHeight = 0;
function resizeIframeHeader() {
var currentHeight = document.body.scrollHeight;
var currentWidth = document.body.scrollWidth;
if (currentHeight != pastHeight){
pastHeight = currentHeight;
parent.postMessage(document.body.scrollHeight, '*');
}
if (currentWidth != pastWidth){
pastHeight = currentWidth ;
parent.postMessage(document.body.scrollWidth, '*');
}
}
</script>