2015-07-01 131 views
7

我没有iPhone,所以无法自己测试,但根据客户端,如果他放大,更容易点击链接,然后当下一页加载页面保持放大和用户必须手动重新缩小。重置缩放级别onload

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

有什么办法可以防止这种情况发生?我试着添加一个maximum-zoom = 1的onload,以便在几秒钟后将其删除,但这根本不起作用。

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

+0

你可以附加链接到您的网站? –

+0

试试http://stackoverflow.com/questions/2557801/how-do-i-reset-the-scale-zoom-of-a-web-app-on-an-orientation-change-on-the -iphon –

+0

@SergeyDenisov有问题的网站是towejewels.com,但我得到了这种情况发生在所有(至少没有响应)的网站上。 – powerbuoy

回答

-1

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

webView.scalesPageToFit = YES; 

如果上面的代码不适用于你的情况,那么你需要在代码中做一些更改以适应webview中的内容。

你可以看看这个链接,它可能会帮助你。 set content of webview without zooming out

+0

有在问题中没有WebView。 –

0

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

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