如何根據屏幕自動調整高度和寬度？

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