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

Javascript to automatically zoom in with a browser on load

本文关键字：放大 加载 浏览器 Javascript      更新时间：2023-09-26

我创建了一个java应用程序，它是500x400像素，我的iphone的宽度比400像素大得多，在网站加载后，我需要手动缩放应用程序。是否有一个javascript自动缩放窗口，使我的屏幕显示的宽度是400px，其次是有一种方法来禁用滚动:)非常感谢!

查看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 + '%');
        }

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

使用meta标签让它工作

相关文章：