我正在创建一个带有图像作为正文背景的html页面。我希望图像适合屏幕宽度，因此，我将视口设置为屏幕宽度。图像在不同的设备上很好地渲染，但是当屏幕高度相对于屏幕宽度非常低时，我无法垂直滚动页面，因此我的图像被剪切。
这是我的html和css：
body{
background:url(images/back.png);
background-size:cover;
background-repeat:no-repeat;
background-color:#081A28;
}
<head>
<meta name="viewport" content="width=device-width,minimum-scale=0.1,maximum- scale=10.0,user-scalable=yes"/>
<script src="lib/jquery-1.6.4.js"></script>
</head>
<body>
</body>
如何让身体可滚动？我尝试使用overflow：scroll，但这样一个滚动条出现在右边，但不能滚动页面。