2017-06-07 9 views
0

完全に黒色の背景を持つコードバーアプリを作ろうとしています。私はほとんどすべての方法を持っていますが、画面の上部と下部に2つの細い灰色のバーが現れているのは分かりません。 LaunchImageが表示された後、簡単な灰色の背景が表示され、Webviewがオーバーレイされます。しかし、それは4ピクセルの '短い'です(上2、下2)。これがどこから来ているのか分かりません。iosアプリの上部と下部に薄い灰色の線があります

cordova-plugin-webviewcolorプラグインを追加して黒に設定しました。私はそれが働いていることが分かりました。なぜなら、回転しながらオーバースケールすると、「明らかにされた」バックラウンドは確かに黒いです(または、そのプラグインで設定した他の色)。しかし、私はまだ私のアプリと '背景'の間に2つの灰色の線が表示されます。

ここにスクリーンショットがあります。実際のスクリーンショットを少し大きめの赤いキャンバスに重ねたので、より簡単にグレーを見ることができます。電話では、赤い枠線がなく、画面の上下に細い線があります。これがどこから来たのか、そしてそれを取り除くことができるかどうかについてのあらゆる指針?

enter image description here

+0

CSSの詳細についてはSafariのWebインスペクタを使用できますか? – filipvkovic

+0

わかりません。これはcordova経由で構築されたネイティブのiosアプリです。 Webビルドでは、まったく問題なく見えます... – dsl101

+0

Safariの組み込み開発者コンソールを使用して、実行時デバッグを実行することはできます。 http://geeklearning.io/apache-cordova-and-remote-debugging-on-ios/ – filipvkovic

答えて

0

デバッグのポインタのため@filipvkovicに感謝します。これは、私が使用しているWebフレームワーク(VueJSとQuasar)が挿入した空の 'ヘッダ'と 'フッター' divであることが判明しました。デスクトップブラウザでは表示されませんが、アプリに焼いたときに何らかの理由で表示されます。だから、それらを避けるためにレイアウトを記録し、すべてが良いです。

関連する問題