UIWebview 中的 css3 列

Question

我有一个包含大量文本、图像、表格和列表的 html，它们被加载到 UIWebView 中。 我已经应用了带有内容的 css 样式表

body{ -webkit-column-width: 768px; font-family: "Georgia"; font-size: 12px; height: 1000px }

我已经在 UIWebView 中启用了水平滚动页面，这样我就可以像在电子阅读器中一样对 html 内容进行分页。

UIScrollView *scrollview = [webview scrollView];
[scrollview setPagingEnabled:YES];

它可以工作，但是每个页面的宽度（在 iPad 中是 768px），当我开始分页到其他页面（列）时，其他页面的内容会逐渐增加。 当我将 css 中的 font-size 增加到 72px 时，这个问题更加明显。我需要它在 12px - 72px 范围内工作。

如何滚动每个（页面）列以完全适合屏幕？

总的来说，我是 css3 和 html 的新手。我非常感谢任何帮助或提示来完成这项工作。

亲切的问候

Answer 1

我遇到了同样的问题，直到我意识到我没有设置 body {margin: 0;}。 不确定这是否能解决您的问题，但它对我有用。