탭, 휴대 기기 등의 기기에 따라 iframe의 자동 (높이, 너비)을 조정하는 방법

Question

iframe의 src (attr)에 Facebook 링크를 추가하고 기기에 따라 fb 페이지를 표시하고 싶습니다. . 여기 내 코드 :

<div class="container"> 
    <iframe src="fb_link" width="100%;" height="100%;" style="border: none; overflow: hidden;" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe> 
</div> 

Answer 1

코드에 자바 스크립트를 추가해야합니다. 먼저 다음 코드와 같은 창 너비를 계산해야합니다. -

<script type="text/javascript"> 
$(document).ready(function() { 
    var width = $(window).width(); 
    $('.container iframe').css('width', width) 
}); 
</script>