你好我正在使用这个缩放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>
欢呼声
答案 0 :(得分:0)
针对$(window).width()
检查$(window).height()
以确定设备方向。
另一个提示是链接你的jQuery调用,如$('#divWrap').css('position', '').css('left', '').css('top', '');
,以获得更好的性能。
答案 1 :(得分:0)
要检测纵向模式,WDever已经提供了正确的答案。 但在这种情况下,我不鼓励使用.css()函数的两种方法中的任何一种。 您可以将对象传递给此函数,如:
$('#divWrap').css({
position: '',
left: '',
top: ''
});
通过这种方式,您可以保持代码干净,简洁易读。