1

Android 4.0.4 での WebView の CSS 表示に関連する問題があります。

<ul> , <li>タグを使用してリストがあります。ただし、タブレット 7 インチで表​​示すると、一部<li>の境界線のサイズが異なります (> 1px)。

html は次のとおりです。

<div id="cmSettingMenuList">
<ul>
            <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
                 <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
                 <li >11111111</li>
                <li >2222222</li>

                 <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
                <li >33333333</li>
                 <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
        </ul>
     </div>

私はそれに1つのcssを使用します:

#cmSettingMenuList ul {
width: 580px;
list-style: none;
overflow: visible;
}

#cmSettingMenuList ul li {
padding-left: 2px;
height: 58px;
line-height: 58px;
border-bottom: 1px solid #9AB2E7;
background-size: 26px;
position: relative;
}

タブレットでの表示は次のとおりです。

http://i.stack.imgur.com/RBsBL.png

それは同じサイズではありません。それに対する解決策はありますか。

ありがとう

4

0 に答える 0