web app 页面旋转整体样式问题
Posted 不抛弃，不放弃
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web app 页面旋转整体样式问题相关的知识，希望对你有一定的参考价值。
$(window).bind("orientationchange", function (event) {
if (event.orientation) {
//portrait 竖屏 landscape 横屏
if (event.orientation == ‘portrait‘) {
if (browser.versions.android) {
//安卓手机触发时间晚，设定一个延迟
setTimeout(function () {
//需要变更的元素长宽
$("#contents").css("height", parseInt($(window).height() - 44));
$("#joinclub").css("width", $(window).width());
}, 300);
}
else {
$("#contents").css("height", parseInt($(window).height() - 44));
$("#joinclub").css("width", $(window).width());
}
}
else if (event.orientation == ‘landscape‘) {
if (browser.versions.android) {
setTimeout(function () {
$("#contents").css("height", parseInt($(window).height() - 44));
$("#joinclub").css("width", $(window).width());
}, 300);
}
else {
$("#contents").css("height", parseInt($(window).height() - 44));
$("#joinclub").css("width", $(window).width());
}
}
}
});
以上是关于web app 页面旋转整体样式问题的主要内容，如果未能解决你的问题，请参考以下文章