将HTML划分为固定高度div

Question

我有一个HTML文档，必须在我的iPhone应用程序的WebView中显示它。

doc的宽度是固定的，问题在于高度。众所周知，增加和减少HTML文档中的字体大小只会改变文档的高度，因为宽度是固定的。

• 如果字体大小减小，高度会降低
• 如果字体大小增加，则高度增加

现在，我需要显示html文档的视图大小是固定的X*Y。因此，我必须将整个HTML文档划分为大小为X*Y的div，然后逐个显示WebView中的所有内容，更具体地说是页面卷曲效果。

请建议我如何在固定大小的div中划分HTML文档。

注意：该文档可能还包含图片。在这种情况下，如果图像没有在当前div中修复，则应将图像移动到下一页。

Answer 1

因为宽度是固定的，所以只需使用jQuery获得高度

获得高度：var heightY = $(window).height(), widthX=400px

所以div将是：$('#yourDiv').css({'height':heightY,'width':widthX});