以编程方式设置网页的默认缩放？答案

【问题标题】：Set default zoom for web page programmatically?以编程方式设置网页的默认缩放？
【发布时间】：2012-11-08 06:37:30
【问题描述】：

是否可以在网站上设置默认缩放级别？例如，我是否可以将my site 编码为当用户打开它时它会缩放到 125%？

我的网站正文有这个代码

<body ID="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

如何把这个缩放代码放进去？

【问题讨论】：

为什么这被否决了？这个问题很清楚。
为什么不增加字体大小和所有固定的内边距和边距？
@relentless，这里显然存在语言障碍。人们并不总是知道如何寻求帮助。这是一个小范围的问题，绝对适合 Stack Overflow。如果他要求更广泛的东西，情况会有所不同。
@relentless 先前的研究工作并不总是可行的。定义一个足够小的问题（分解问题）算作研究工作。
@Brad 无需过多讨论，Google 中关于“如何使用 css 缩放网站”的第一个结果就是这个链接 stackoverflow.com/questions/1156278/…。

标签： php html css

【解决方案1】：

webView.setInitialScale((int) getResources().getDimension(R.dimen._50sdp));
                            webView.getSettings().setLoadsImagesAutomatically(true);
                            webView.getSettings().setJavaScriptEnabled(true);
                            webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
                            webView.loadDataWithBaseURL(null,htmlContent,"text/html","UTF-8", null);
                            webView.getSettings().setBuiltInZoomControls(true);
                            webView.getSettings().setSupportZoom(true);
                            webView.getSettings().setDisplayZoomControls(true);
                            webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);

【讨论】：

这是一个 PHP 问题，不是 Android 问题。

【解决方案2】：

在正文样式中添加zoom: 125%;

body {
color: #536482;
background-color: white;
zoom: 125%;
}

【讨论】：

您在正文和 html 中添加了缩放，而不是您所说的正文。
我的网站正文有这个代码如何把这个缩放代码放在里面？？
这个不能加在body标签里。在您的样式表中添加上述 css
@SowmyaShivaram 我给发帖人提供了更多信息，而不是打折你的回答
@SowmyaShivaram 完全值得注意...如果他们要使用您使用缩放的解决方案，然后看到它在旧浏览器中不起作用，他们会想知道为什么，我的评论让他们知道这是一个只有 CSS3 的元素，可以解释它在旧版浏览器中不起作用。

【解决方案3】：

这并不能直接回答您的问题，但我建议您考虑另一种选择。

如果您为您的页面使用相对大小（例如em），那么您可以在一个地方设置网站的基本大小，整个页面会相应地放大和缩小。

例如，如果我想要默认大小的 125%：

body { font-size: 1.25em }

然后，假设我想在标题 <div> 周围留出合理的边距：

#header { margin: 1em }

如果我然后返回并将正文上的基本尺寸更改为其他尺寸，我的页眉上的边距将随之缩放。如果您以相对单位来处理整个页面，这将变得非常容易。

【讨论】：

我的网站正文有这个代码如何把这个缩放代码放在里面？？
这不是“缩放代码”，这是缩放页面的另一种方法。您需要重做 CSS 才能使其正常工作。

【解决方案4】：

您可能需要检查zoom CSS 属性。但请记住，它是 CSS3 的一部分，因此，您可能会发现它在旧 IE 上的行为很奇怪。这也与界面缩放完全分开。

【讨论】：