关于cordova的css问题（li的底边宽度不同）？

Question

我尝试在每个项目上制作带有底线的简单列表。它在Chrome浏览器中看起来很不错但我在Android 4.0.4上获得了不同的线条厚度（cordova uiwebview）：

CSS：

ul {
    list-style-type: none; margin: 0px; padding: 0px;
}

li {
    border-bottom: 1px solid silver !important;
}

HTML：

<ul>
    <li>
        Some text
    </li>
    <li>
        Some text again
    </li>
    <li>
        Another text bla bla bla bla bla bla bla bla bla bla 
    </li>
    <li>
        Another text again
    </li>
    <li>
        Some another text bla bla bla bla bla bla bla bla bla bla 
    </li>
    <li>
        Some another text again bla bla bla bla bla bla bla bla bla bla 
    </li>
    <li>
        Some text bla bla bla bla bla bla bla bla bla bla 
    </li>
    <li>
        Some text bla bla bla bla bla 
    </li>
    <li>
        Some text bla bla bla bla bla bla bla bla bla bla 
    </li>
    <li>
        Some text bla bla bla bla bla bla bla bla bla bla 
    </li>
    <li>
        Some text bla bla bla bla bla 
    </li>
    <li>
        Some text
    </li>
    <li>
        Some text
    </li>
</ul>

我曾尝试reset用户代理样式表设置，但没有帮助

Answer 1

使用JavaScript将列表项高度设置为偶数（尽可能接近列表项的实际项高度）将在渲染时完美地解决此问题！例如：

$.each(liArr, function(idx, li){
    $Li = $(li);
    height = parseInt($Li.height());
    if(height % 2 != 0) $Li.height(height +1);
});