html - 将 HTML 页面分成 5 个部分

Question

我正在使用 jQuery Mobile 和 Phonegap 开发移动应用程序。我想将一个页面分成 5 个部分，响应取决于屏幕的高度。我试过这个:

<div data-role="content" style="width:100%; height:100%">   
    <img src="www/image/1.png" style="width:100%; height:20%">
    <img src="www/image/2.png" style="width:100%; height:20%">
    <img src="www/image/3.png" style="width:100%; height:20%">
    <img src="www/image/4.png" style="width:100%; height:20%">
    <img src="www/image/5.png" style="width:100%; height:20%">
</div> 

我想要的是: emaple

谢谢!

Answer 1

html,body{ height:100%; width:100%}

设置页面高度