如何在设备旋转时更改 iframe 的大小？

Question

我有一个 ID 为 "myframe" 的 iframe 我想在设备旋转时更改高度。这像这样工作

<script>
$(document).on("pagecreate",function(event){

$(window).on("orientationchange",function(){
  if(window.orientation == 0)
  {

     document.getElementById("myframe").height = 300;

  }
  else
  {
     document.getElementById("myframe").height = 500;

  }
});                   
});
</script>

但需要像这样工作

<script>
$(document).on("pagecreate",function(event){

$(window).on("orientationchange",function(){
  if(window.orientation == 0)
  {
    var oldh = document.getElementById("myframe").height;

    var newh = parseInt(oldh) * 1.4;
    if(newh != ''){
     document.getElementById("myframe").height = newh;
     }
  }
  else
  {
    var oldh = document.getElementById("myframe").height;
    var newh = parseInt(oldh) / 1.4;

    if(newh != ''){
   document.getElementById("myframe").height = newh;
     }
  }
});                   
});
</script>

如果我打印 var newh 的结果它 returns 正确但仍然不会运行我的函数

Answer 1

您的计算结果很可能是浮点数。你必须这样做： var newh = parseInt(oldh / 1.4);

如何在设备旋转时更改 iframe 的大小？

How to change the size of an iframe when device rotates?

html

javascript

iframe

mobile

dom