css3 columns in UIWebview



我有一个html,里面有很多文本、图像、表格和列表,这些都加载到UIWebView中。我已经应用了css样式表的内容

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

我已经在UIWebView中启用了页面水平滚动,这样我就可以像在eReader中一样对html内容进行分页。

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

它可以工作,但每个页面的宽度(在iPad中为768px),当我开始分页到其他页面(列)时,其他页面的内容会逐渐增加。当我将css中的字体大小增加到72px时,这个问题更加明显。我需要这个在12px-72px的范围内工作。

如何滚动每个(页面)列以完全适应屏幕?

一般来说,我是css3和html的新手。我真的很感谢任何帮助或提示,使这项工作。

亲切问候

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

最新更新