html - 如何根据屏幕自动调整高度和宽度？

Question

这是我用来在移动应用程序项目中添加滚动文本的代码。

<style type="text/css">
     .scroll {      
         padding: 10px;      
         height: 280px;
         width: 580px; 
         overflow: scroll;
     }
</style>

<div class="scroll"> 
    <p>put paragraph here</p> 
</div>    `enter code here`

Answer 1

你可以像下面这样使用:

<style type="text/css">
     .scroll {      
         padding: 10px;      

         width: 100%; 
         overflow:auto;
        -webkit-overflow-scrolling: touch;
     }
</style>

查看 JSFiddle