我正在尝试使用jQuery创建一个html页面,并在移动设备中关闭旋转。它不适合我。
你能不能给我任何建议,当我在手机上运行这个html页面时,它不应该轮换?
我使用了以下代码:
$(window).bind('orientationchange resize', function(event){
if (event.orientation) {
if (event.orientation == 'landscape') {
if (window.orientation == 90) {
rotate(this, -90);
} else {
rotate(this, 90);
}
}
}
});
function rotate(el, degs) {
iedegs = degs/90;
if (iedegs < 0) iedegs += 4;
transform = 'rotate('+degs+'deg)';
iefilter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+iedegs+')';
styles = {
transform: transform,
'-webkit-transform': transform,
'-moz-transform': transform,
'-o-transform': transform,
filter: iefilter,
'-ms-filter': iefilter
};
$(window).css(styles);
};
答案 0 :(得分:0)
在this的后半部分回答有一个使用json设置(mainfest)文件的技巧。
短篇小说:创建一个mainfest.json
文件:
{
"display": "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
"orientation": "landscape", /* Could be "landscape" or "portrait" */
...
}
然后添加到您的HTML页面:
<link rel="manifest" href="manifest.json">