javascript - 将 HTML 划分为固定高度的 div

Question

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

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

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

现在，我需要在其中显示 html 文档的视图的大小是固定的，比如X*Y. 所以我必须将整个 HTML doc 划分为 divs sized X*Y，从而在 WebView 中一一显示它们，更具体地说，使用页面卷曲效果。

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

注意：文档也可能包含图像。在这种情况下，如果图像未在当前 div 中修复，则应将其移至下一页。

Answer 1

由于宽度是固定的，只需使用 jQuery 获取高度

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

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