我的一个朋友创建了一个网络手机，它在定位手机时向我展示了一些问题。它看起来很棒，但是当用户改变方向时它向我展示了一个问题。网站是http://www.tivag.ch/app。当页面加载时，它在纵向模式下工作正常，当我在横向模式下更改时也可以正常工作，但是当我以纵向模式返回时，它向我显示了一个问题，它在右侧显示了一个空白区域。在纵向模式下返回页面时 document.width 保持横向模式的宽度，它不会改变值。规模不起作用:)
问问题
293 次
1 回答
1
用于overflow:hidden;.content 元素。
.content {
width: 100%;
overflow:hidden; /*Important*/
height: auto;
float: left;
padding-bottom: 15px;
background: url(../img/bg_content.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
以及为了进一步一致的结果将其添加到您的头部。并且不要使用 minimum-scale="1"
<meta name="viewport" content="initial-scale = 1,user-scalable=no,maximum-scale=1.0">
于 2013-04-09T18:23:36.950 回答