Question

我创建了一个500x400像素的java应用程序，我的iPhone宽度远大于400px，在网站加载后我需要手动放大应用程序。是否有一个JavaScript来自动缩放窗口，以便我的屏幕显示的宽度是400px，其次是有一种方法来禁用滚动:) 非常感谢你！

Answer 1

查看CSS3媒体查询。它们允许您根据浏览器的视口大小包含样式表。要禁用滚动，您可以将滚动设置为隐藏。

禁用滚动的代码。

$('html, body').css({
    'overflow': 'hidden',
    'height': '100%'
})

同样通过使用js，您可以检测渲染应用程序的平台，然后使用缩放相应地放大。

mozilla的示例：

if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom += step; 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');
        } else {
            var step = 2;
            currIEZoom += step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }

Answer 2

<meta name="viewport" content="width=device-100px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;">

使用元标记让它发挥作用

Javascript在加载时自动放大浏览器

2 个答案: