我是Cordova / PhoneGap开发的新手。在部署到iPhone时,我注意到应用程序背后的浅灰色背景颜色。当设备从纵向旋转到横向时(反之亦然),这是显而易见的。使用默认启动应用程序向上或向下滚动时,您也可以看到它。纹波仿真器没有这种效果。
知道这种颜色来自何处以及如何覆盖它?我尝试用config修改config.xml。我当然可以设置身体的css背景颜色,但这不会改变灰色背景。
以下是iPhone的一些截图,在使用默认示例应用程序旋转或向上滚动时,您可以看到灰色背景。
答案 0 :(得分:1)
您必须在 index.css 文件中更改body标签的背景颜色,该文件位于 www / css / index.css
希望它可以帮到你
答案 1 :(得分:0)
注释掉index.css中的所有背景属性为我解决了这个问题:
body {
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
/*background-color:#E4E4E4;
background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #A7A7A7),
color-stop(0.51, #E4E4E4)
);
background-attachment:fixed;*/
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
font-size:12px;
height:100%;
margin:0px;
padding:0px;
text-transform:uppercase;
width:100%;
}