css - WKWebView がコンテンツをスケーリングして UIWebView と同じ倍率でレンダリングしないようにする

Question

問題

WKWebViewの代わりにを使用すると、 の内容が私の に比べて大幅に縮小されてUIWebViewいることに気付きました。私はそれをやめて、CSS の値を文字通り尊重するようにしたいと思います。WKWebViewUIWebViewWKWebViewUIWebView

環境

情報コンテンツを表示している iPad のポップオーバー内にあるコンテンツには、ネイティブ iOS アプリで Web ビューを使用します。これをコンテンツ担当者やデザイン担当者に渡して、「リンクされた CSS ファイルを参照して、HTML コンテンツをドロップしてください」と言うことができるのは素晴らしいことです。

を使用すると、これらすべてがうまく機能しましたUIWebView。

しかし、多くの場合、ポップオーバーは非常にコンパクトです。

私が経験していること

私の狭いポップオーバーでは、Web ページ全体が収まるように縮小されているコンテンツのように、コンテンツが縮小されます。WKWebView は主に、iOS で代替ブラウザーを構築したり、WKWebView が本質的に画面を引き継ぐハイブリッド アプリを構築したりする人々を対象としていることがわかります。

WKWebView の倍率は、設定できるものではありません。確かに、ユーザーは拡大できますが、それでは目的が果たせません。拡大されたビューポートを探しているわけではありません。UIWebViewのように、コンテンツ全体が収まり、ワードラップされるのを探しています。

WKWebView を使用すると、シミュレーターで、本文のテキスト サイズを 14px ではなく 50px に上げると、必要なサイズが表示されます。ただし、このコードはデバイス上では役に立たないため、CSS サイズを大きくすることもできません。

UIWebView の何が問題になっていますか?

まあ、実際には何もありません。私が経験しているように、iOS8では（まだ）廃止されていません。おそらく、まだ有用性があります。ただし、WKWebView が高速であることに気付きました。そして、UIWebView の壁に書かれているという憶測を見てきました。「iOS8 で最新の API を採用してみませんか?」と思いました。

そのため、今のところ UIWebView を使用し続けていますが、CSS のサイズ設定を尊重できるようになるのであれば、WKWebView に切り替えたいと考えています。

UIWebView が適切にレンダリングする元の CSS を次に示しますが、ポップオーバー内の WKWebView は非常に小さなフォントでレンダリングされます。

body {
    font-family: "HelveticaNeue";
    font-size: 15px;
    line-height: 17px;
    color: #000000;
}

h1 {
    font-family: "HelveticaNeue-Bold";
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}


h2 {
    font-family: "HelveticaNeue-Bold";
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}