HTML CSS : text won't fill the div horizontally in Android 4. 3

Question

我在使用 Jelly Bean 4.3 访问我的网站和 Android 设备时遇到问题。包含文本的 div 不会水平填充(少于一半)，但只有当 text-align 设置为 left 时(因为它应该)。如果设置为center，它会被填充但是看起来很难看。

这是我的 h4 CSS 定义:

h4
{
    text-align: left;
    width: 90%;
    font-size: 180%;
    font-style: normal;
    font-family: "Times New Roman", Times, serif;
    padding: 10px 40px;
}

这可能是什么原因？

Answer 1

我不是真正的 HTML 专家，但我很确定这是一个错误。

我不知道为什么，但如果我向 background-color 添加颜色，它就会起作用。

不是transparent、inherit 或initial，而是真实的颜色，否则它不起作用。由于父 div 有一个

背景:-webkit-radial-gradient(rgba(230,230,230,0.7), rgba(240,240,255,0.8), rgba(230,230,230,0.7));,

设置颜色让一切看起来都很丑所以我加了一个

背景:-webkit-radial-gradient(rgba(230,230,230,0.0), rgba(240,240,255,0.0), rgba(230,230,230,0.0));

h4 看起来很完美，透明的背景和充满文本的 div。

所以 h4 现在是:

h4
{
   text-align: left;
   width: 90%;
   font-size: 180%;
   font-style: normal;
   font-family: "Times New Roman", Times, serif;
   padding: 10px 40px;
   background: -webkit-radial-gradient(rgba(230,230,230,0.0), rgba(240,240,255,0.0), rgba(230,230,230,0.0));
}

我希望这对遇到同样奇怪问题的人有所帮助。