是否可以在网站上设置默认缩放级别?例如,我是否可以对我的网站进行编码,使其在用户打开时放大到 125%?
我的网站正文有此代码
<body ID="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
如何将此缩放代码放入其中?
添加zoom: 125%;
到车身样式
body {
color: #536482;
background-color: white;
zoom: 125%;
}
这并不能直接回答您的问题,但我建议您考虑另一种选择。
如果您对页面使用相对大小(例如em
),那么您可以在一个位置设置站点的基本大小,整个页面将相应地放大和缩小。
例如,如果我想要默认大小的 125%:
body { font-size: 1.25em }
然后,假设我想在标题周围留出合理的边距<div>
:
#header { margin: 1em }
如果我然后返回并将主体上的基本大小更改为其他内容,我的页眉上的边距将随之缩放。如果您以相对单位制作整个页面,这将变得非常容易。
您可能需要检查zoom
CSS 属性。但请记住,它是 CSS3 的一部分,因此,您可能会发现它在旧 IE 上的行为很奇怪。这也与界面缩放完全分开。
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);