Android cordova上的css问题(li的不同底边宽度)?
我试着在每一个项目上列出一个简单的清单。在chrome浏览器中看起来一切都不错,但在Android 4.0.4(cordova uiwebview)上我得到了不同的线条厚度: CSS: HTML:Android cordova上的css问题(li的不同底边宽度)?,android,css,cordova,uiwebview,Android,Css,Cordova,Uiwebview,我试着在每一个项目上列出一个简单的清单。在chrome浏览器中看起来一切都不错,但在Android 4.0.4(cordova uiwebview)上我得到了不同的线条厚度: CSS: HTML: 一些文本 又是一些文字 另一个文本布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉 再来一篇课文 一些其他的文字,等等等等等等等等等等
-
一些文本
-
又是一些文字
-
另一个文本布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉
-
再来一篇课文
-
一些其他的文字,等等等等等等等等等等
-
又是另一段文字,呜呜呜呜呜呜呜呜呜呜呜呜
-
一些文字布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉
-
一些文字废话废话废话废话废话
-
一些文字布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉
-
一些文字布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉
-
一些文字废话废话废话废话废话
-
一些文本
-
一些文本
我曾尝试使用“用户代理样式表”设置,但没有帮助,使用JavaScript将列表项高度设置为偶数(尽可能接近列表项的实际项目高度)将在渲染时完美解决此问题!例如:
$.each(liArr, function(idx, li){
$Li = $(li);
height = parseInt($Li.height());
if(height % 2 != 0) $Li.height(height +1);
});
那是。。。奇怪的我不能说我知道为什么会发生这种情况,但如果你想不出原因,你可能想尝试在每个项目中添加而不是边框,也许这样效果会更好。这里有一个JSFIDLE给你-谢谢,你的想法有了更简单的实现
li:afrer{content:“
”}
,但问题仍然没有解决…我找到了一些适用于我的应用程序的解决方案:根本不要使用1px元素2px纯银
就像一个符咒(所有线条的厚度都差不多)。但我仍然在寻找更好的解决方案,因为这是…奇怪,这真的很奇怪;这可能只是一个bug。如果今天有机会,我会在自己的设备上试用,看看是否可以复制这个问题。我也遇到了同样的问题,你有没有找到解决方案?
<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>
$.each(liArr, function(idx, li){
$Li = $(li);
height = parseInt($Li.height());
if(height % 2 != 0) $Li.height(height +1);
});