Question

我正在为Salesforce1开发一款应用。 S1左侧有一个菜单，右侧有一个新闻提要，两者都隐藏，直到向左或向右滑动屏幕显示。

我的身体宽度设置为100％，但是当我向左或向右滑动时，内容会从一侧向另一侧滑动，但实际屏幕不会，就好像内容在身体内部浮动一样。这只发生在iPhone上。在Android上，100％的宽度非常适合。

如果我给我的身体宽度为310px，它会很好地滑动。

有人会有任何建议或意见吗？

 html,body {
        height: 100%;
        width: 100%;
        min-width:310px;
        background-color: #ccc;
        color: #000;
        font: normal 14px Helvetica, Arial, sans-serif;     
        font-size: 12px;
 }

.content{
     width:100%;
     height:100%;
}

Answer 1

您是否尝试将其添加到<HEAD>？

<meta name="viewport" content="initial-scale=1,  user-scalable=no">

并添加你的html，正文样式规则：margin:0;

iPhone上的Salesforce1中100％的屏幕宽度无法正常工作

1 个答案: