无法通过WebView从正文中删除边距

时间:2016-03-15 12:23:10

标签: android android-webview

我正在尝试解决为什么我的 WebView 应用程序坚持要保留body上的边距。这是我的CSS:

* { 
    margin: 0; padding: 0; 
}
body, html { 
    margin: 0; padding: 0; 
}
iframe { 
    border: 0px 
}
body {
    overflow: hidden;
    margin:0px;
}

......这就是我所看到的:(顶部和左侧都有可见的8px边距)

enter image description here

..这就是我在DOM中看到的内容:

enter image description here

我很困惑为什么它显示margin: 8px,即使我特意告诉它没有*,身体 html

我一定是想念一些愚蠢的东西 - 但我不能为我的生活找到它。

有趣的是,如果我通过浏览器检查页面,边距就可以了:

enter image description here

对于Android的WebView来说,这似乎是一个问题,与一般的CSS跨浏览器问题相关。

1 个答案:

答案 0 :(得分:0)

好吧,我从来没有想过要开始这个。问题似乎在于Android / PhoneGap /无论如何,并不喜欢我使用内联样式的事实:

<style>
...
</style>

相反,它希望我将所有CSS放入正确的.css文件中,然后通过以下方式链接它:

<link rel="stylesheet" type="text/css" href="./css/style.css">

浪费我的时间 - 但至少它现在正在工作!