2017-06-07 70 views
0

我正在尝试使用完全黑色背景的cordova应用程序。我几乎所有的方式,但我无法弄清楚是什么导致屏幕上方和下方2灰色的灰色条。在显示LaunchImage之后,我看到一个简单的纯灰色背景,然后覆盖webview。但是它缩短了4个像素(顶部2个,底部2个)。我无法弄清楚这是从哪里来的。在ios顶部和底部的灰色细线应用程序

我已经添加了cordova-plugin-webviewcolor插件,并将其设置为黑色。我可以看到这是可行的,因为在旋转和超滚动时,“显示”背景确实是黑色(或者使用该插件设置的任何其他颜色)。但我仍然看到我的应用程序和“背景”之间的2条灰线。

下面是截图 - 我将实际截图覆盖在稍大一点的红色画布上,以便您更轻松地看到灰色。在手机上,没有红色边框,只有屏幕上方和下方的细线。任何指示这是从哪里来的,如果有可能删除?

enter image description here

+0

你可以使用Safari浏览器查看css的详细信息吗? – filipvkovic

+0

不确定我关注。这是一个通过cordova构建的本地ios应用程序。在网页构建中,它看起来绝对没问题...... – dsl101

+0

您仍然可以使用Safari的内置开发者控制台执行运行时调试。 http://geeklearning.io/apache-cordova-and-remote-debugging-on-ios/ – filipvkovic

回答

0

感谢@filipvkovic用于调试的指针。事实证明,这是一个空的'header'和'footer'div,用于插入我使用的web框架(VueJS和Quasar)。它们在桌面浏览器中是不可见的,但是当出现在应用程序中时出于某种原因显示。所以,重新编写布局以避免它们,一切都很好。

相关问题