iOS上 h5界面点击输入框界面自动会变大

h5在header里加了下面的代码还是不起作用(主要是 user-scalable=no)

方案1.如果这个界面不需要放大,那iOS这边可以注入js代码(弊端:如果你h5界面是共用的,用到加载pdf的时候 应该没法放大查看了)

NSString *jScript = @"var script = document.createElement('meta');script.name = 'viewport';script.content='width=device-width,user-scalable=no';document.getElementsByTagName('head')[0].appendChild(script);";

 WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

WKUserContentController * wkUController = [[WKUserContentController alloc] init];

[wkUControlleraddUserScript:wkUScript];

WKWebViewConfiguration * wkWebConfig = [[WKWebViewConfiguration alloc] init]; 

wkWebConfig.userContentController= wkUController;

_webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:wkWebConfig];

方案2:从放大原因出发,导致页面自动缩放的问题原因:ios在小屏设备(5s/6/6s/7/8...)上点击输入框的时候,假如input字体小于16px的时候会自动放大页面,来提升阅读性。

所以你需要把输入框的字体改成16px以上就会解决。修改input的fontSize。

如果字体无法更改,可以看看https://my.oschina.net/u/4357584/blog/3345715的解决方案。

你可能感兴趣的:(iOS上 h5界面点击输入框界面自动会变大)