重置缩放级别onload

时间:2015-07-01 12:40:57

标签: ios mobile-safari page-zoom

我没有iPhone,所以我自己无法测试,但根据客户说,如果他放大更容易点击链接,那么当下一页加载页面时会保持放大并且用户手动必须再次缩小。

请注意,这不是一个响应式网站(它没有设置元宽度=设备宽度)。

有什么方法可以阻止这种情况吗?我尝试添加一个maximum-zoom = 1 onload仅在几秒钟后删除它,但这根本不起作用。

当谷歌搜索问题所有我能找到的是在更改webapp的方向时变焦等级的人去香蕉 - 这不是同一个问题。

2 个答案:

答案 0 :(得分:0)

出于安全考虑,未经用户同意和手动输入,无法更改浏览器的缩放级别。您可能可以使用活动插件(Flash?)实现类似效果,但这是真正重置浏览器缩放级别的唯一方法。

作为替代方案,您可以使用transform: zoom()属性(a good SO reference)更改浏览器的CSS缩放,并使网站看起来好像缩放已重置,但仅限于一定程度。在制作之前,您可能还需要调整非整数缩放级别和跨浏览器兼容性。即便如此,这个CSS实现可能并不是您正在寻找的东西,因为它通常只调整元素样式和字体大小。您也可以使用此缩写的jQuery代码来实现相同的效果:$(document.body).css('zoom','150%')

答案 1 :(得分:-2)

我知道这可能是网络视图的问题。你可以简单地设置

webView.scalesPageToFit = YES;

如果上述情况不适用于您的情况,那么您需要对代码进行一些更改以适应webview中的内容。

您可以查看此链接,它可能会对您有所帮助。 set content of webview without zooming out