Question

我的一个朋友创建了一个网络移动设备，它向我展示了定位移动设备时的一些问题。它看起来很棒但是当用户改变方向时它会显示一个问题。网站是http://www.tivag.ch/app。当页面加载时，它在纵向模式下工作正常，当我在横向模式下更改也很完美，但当我以纵向模式返回时，它向我显示一个问题，它向我显示右边的空白空白。当页面以纵向模式返回document.width保持横向模式的宽度时，它不会更改该值。比例不起作用:)）

Answer 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">

Safari和Google Chrome定向规模

1 个答案: