Javascript 在纵向模式下关闭缩放

您好，我正在使用这个zoom javascript代码根据屏幕大小来缩放我的div，它工作得非常好，但我希望这样，当我将ipad设置为肖像模式时，它会停止缩放脚本的工作。这是剧本

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" language="javascript">

var minW = 1800;

$(function () {
CheckSizeZoom()
$('#divWrap').css('visibility', 'visible');
});
$(window).resize(CheckSizeZoom)

function CheckSizeZoom() {
if ($(window).width() < minW) {
var zoomLev = $(window).width() / minW;

if (typeof (document.body.style.zoom) != "undefined") {
$(document.body).css('zoom', zoomLev);
}
else {
// Mozilla doesn't support zoom, use -moz-transform to scale and compensate for lost width
$('#divWrap').css('-moz-transform', "scale(" + zoomLev + ")");
$('#divWrap').width($(window).width() / zoomLev + 10);
$('#divWrap').css('position', 'relative');
$('#divWrap').css('left', (($(window).width() - minW - 16) / 2) + "px");
$('#divWrap').css('top', "-19px");
$('#divWrap').css('position', 'relative');
}
}
else {
$(document.body).css('zoom', '');
$('#divWrap').css('position', '');
$('#divWrap').css('left', "");
$('#divWrap').css('top', "");
$('#divWrap').css('-moz-transform', "");
$('#divWrap').width("");
}
}
</script>

var minW=1800；
$（函数（）{
CheckSizeZoom（）
$（'#divWrap'）.css（'visibility'，'visible'）；
});
$（窗口）。调整大小（选中SizeZoom）
函数CheckSizeZoom（）{
如果（$（窗口）.width（）

欢呼声

检查

$（窗口）.width（）

与

$（窗口）.height（）

的对比，以确定设备方向

---

另一个技巧是像这样链接jQuery调用

$（'#divWrap'）.css（'position'，''）.css（'left'，''）.css（'top'，''）

以获得更好的性能。

要检测纵向模式，请务必给出正确答案。 但是，在本例中，我不鼓励使用.css（）函数的两种方法中的任何一种。 您可以将对象传递给此函数，如：

$('#divWrap').css({
    position: '',
    left: '',
    top: ''
});

---

通过这种方式，您可以保持代码干净、简短且易于阅读。

我必须说，您的问题标题有点误导……我不知道如何描述它可能“在纵向模式下关闭缩放”我会将此放置在何处对不起，我对JavaScript非常基本您的代码行如下所示：“$（document.body）.css（'zoom'，”；”您可以使用上面的示例将所有这些.css（）转换为一个，完全复制粘贴到错误的行中，因为该元素只收到一个更改。。。很明显，我是想复制粘贴这样一行：$（'divWrap'）.css（'position'，''）；“谢谢！这好多了，我忘了你可以这么做。有没有一种方法我可以将媒体查询设置为一个变量，然后说如果媒体查询等于最大宽度：768px，那么就不要运行javascript？