タブ、モバイルデバイスなどのデバイスに応じて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

あなたのコードにjavascriptを追加する必要があります。携帯電話用

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