javascript - 获取我设备的宽度和高度并将它们注入我的 CSS 样式

Question

我正在尝试以编程方式在 Phonegap/JQuery mobile 中找到设备宽度，并通过修改将它们注入我的 css 样式。

这是我试图根据设备的高度和宽度更改元素“包装器”的高度的 css 代码

#wrapper {
    width: 310px;
    height: 400px;
    float: left;
    position: relative; /* On older OS versions "position" and "z-index" must be defined, */
    z-index: 1; /* it seems that recent webkit is less picky and works anyway. */
    overflow: hidden;
    background: #ffffff;
}

谁能知道它是如何工作的？谢谢

Answer 1

$(window).resize(function() {
  // This will execute whenever the window is resized
  $(window).height(); // New height
  $(window).width(); // New width
});

Answer 2

$(document).ready(function() 中的调用事件

jQuery.event.add(window, "resize", resizeFrame);    

这是功能：

function resizeFrame() {
var newHeight = $(window).height();
var newWidth = $(window).width();

$('#wrapper').width(newWidth);
$('#wrapper').height(newHeight);
}