在 iPhone 6 Plus 上关闭 UISplitViewController 弹出窗口时 UIWebView 拉伸

Question

我在详细视图中使用带有 UIWebView 的拆分视图控制器。在 iPhone 6 Plus 上，在横向模式下，当我关闭主视图以扩展详细信息视图以适合整个屏幕时，UIWebView 的内容被拉伸而不是调整大小以利用额外的空间。

当弹出窗口关闭时，如何让 UIWebView 调整内容的宽度而不是 stretching/zooming 它？

（我最初在详细信息视图中使用 UITextView 并将 HTML 字符串转换为 NSAttributedString。我没有遇到拉伸问题，但滚动时断断续续，等等，大量文本。UITextView 在这方面的效果要好得多，拉伸是唯一的问题。）

关闭弹出框之前：

关闭弹出窗口后：

编辑：这里是我在 UIWebVIew 中显示的内容所使用的字符串格式：

    private static let formatStringForUIWebView: NSString =
    "<html>" +
    "<head>" +
    "   <title></title>" +
    "   <meta name=\"viewport\" content=\"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0\" />" +
    "   <style type=\"text/css\">" +
    "      pre { width: auto; white-space: pre-wrap; }" +
    "   </style>" +
    "</head>" +
    "<body>" +
    "   <div style='color: #555555; font-size: 12px; font-family: Helvetica;'>%@</div>" +
    "</body>" +
    "</html>";

Answer 1

在您的 HTML 内容中，定义一个元标记，指示其具有设备宽度的视口：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Answer 2

这可能就是您要找的。它可以防止字体缩放。

-webkit-text-size-adjust: none;

这里是 link 对此 css 属性的引用。

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

在 iPhone 6 Plus 上关闭 UISplitViewController 弹出窗口时 UIWebView 拉伸

UIWebView stretched when dismissing UISplitViewController popover on iPhone 6 Plus

ios

xcode

uiwebview

xcode6

uisplitviewcontroller