Reset Zoom Level

Question

I don’t have an iPhone, so I can’t check it myself, but according to the client, if he zooms in to make it easier to click the link, then when the next page loads the page, it will be enlarged and the user will manually zoom out.

Please note that this is NOT a REGULATORY site (it does not have meta-width = set width of the device).

Is there any way to prevent this? I tried to add max-increase = 1 to the boot, to remove it after a few seconds, but that didn't work.

When the problem with Google search, the problem I can find is people with zoom level going to bananas when the webapp orientation changes - this is not the same problem.

Answer 1

Due to security issues, it is not possible to change the zoom level of the browser without user consent and manual input. Perhaps you could achieve a similar effect with the active plugin (Flash?), But this is the only way to really reset the zoom level of the browser.

Alternatively, you could change the CSS CSS scaling using the transform: zoom() attribute (a good SO link ) and make the site look as if zoom has reset, but only to some extent. Before starting production, you can also configure non-integer zoom levels and cross-browser compatibility. However, this CSS implementation is probably not what you are looking for, as it often adjusts element styles and font size. You can also use this shortened jQuery code to achieve the same effect: $(document.body).css('zoom','150%') .

Answer 2

I understand that this can be a web submission issue. you can just install

 webView.scalesPageToFit = YES; 

if the above does not work in your case, then you need to make some changes to your code so that it matches the content in the webview.

You can see this link, it can help you. set web browser content without scaling