html - HTML CSS:Android 4.3中文本不会水平填充div

我在使用Jelly Bean 4.3和Android设备访问我的网站时遇到问题。包含文本的div不会水平填充（少于一半），而仅当text-align设置为左侧时（应填充）。如果设置为居中，它将被填充，但是看起来很丑。

这是我的h4 CSS定义：

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

可能是什么原因？

最佳答案

我不是真正的HTML专家，但我可以肯定这是一个错误。

我不知道为什么，但是如果我在background-color中添加颜色，它就可以工作。

不是transparent，inherit或initial，而是纯色，否则它将不起作用。由于父div有一个

background: -webkit-radial-gradient(rgba(230,230,230,0.7), rgba(240,240,255,0.8), rgba(230,230,230,0.7));，

设置颜色会使所有外观看起来都很丑陋，所以我添加了一个

background: -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));
}

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