我正在为 Salesforce1 开发应用程序。 S1 左侧有一个菜单,右侧有一个新闻提要,两者都是隐藏的,直到通过向左或向右滑动屏幕才能显示出来。
我的 body 宽度设置为 100%,但是当我向左或向右滑动时,内容会左右滑动,但实际屏幕不会,就好像内容在 body 内漂浮一样。这只发生在 iPhone 上。在 Android 上,100% 宽度效果完美。
如果我给 body 设置 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%;
}
最佳答案
您是否尝试过将此添加到您的 <HEAD>
?
<meta name="viewport" content="initial-scale=1, user-scalable=no">
并在您的 html 中添加正文样式规则:margin:0;
关于ios - 100% 屏幕宽度在 iPhone 上的 Salesforce1 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22010982/