[英]jquery resize to mobile window iphone/android
我想知道是否有任何方法可以让我的网页适应iPhone或Android的屏幕? 我在$(window).resize中做了什么来读取$(window).resize? JQuery Mobile ,我阅读了文档,但仍然感到困惑。 有人可以为此提供一个例子吗?
$(window).resize(...)
绑定resize事件的回调或触发此事件。
如果用户调整浏览器窗口大小,则绑定回调函数:
$(window).resize(function() {
alert('resize handler called');
});
如果要手动调用所有侦听器(不带任何参数):
$(window).resize();
===更新===
另请参见此示例 。
===更新===
我不认为您可以调整窗口大小,但您可以通过更改视口比例(未测试)来更改缩放级别:
function changeZoomLevel(iScale) {
var sViewport = '<meta name="viewport" content="width=device-width, initial-scale=' + iScale + '">';
var jViewport = $('meta[name="viewport"]');
if (jViewport.length > 0) {
jViewport.replaceWith(sViewport);
} else {
$('head').append(sViewport);
}
}
var iScale = 0.5 // set or calculate a zoom value between 0 and 1
changeZoomLevel(iScale);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.