相关疑难解决方法(0)

跨页列在Android Web浏览器上折叠(使用自动调整页面时)

更新:我已经在Google上记录了一个错误报告 - http://code.google.com/p/android/issues/detail?id=22447&can=4&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars


更新:@benni_mac_b指出如果禁用自动调整页面,问题就会消失.这个'解决方案'适用于2.1和2.2 - 原来我测试的2.3手机已经禁用了自动调整功能,启用时表格会再次中断.

猜猜我现在正在寻找一种方法来告诉Android不要自动调整表格(并覆盖浏览器设置).到目前为止,我不喜欢通过我的Google搜索判断机会.


我遇到了Android网络浏览器和跨栏的奇怪问题 - 例如,如果我有这样的结构:

<table class="amhtable">
    <col width="16.72%" />
    <col width="16.62%" />
    <col width="16%" />
    <col width="16%" />
    <col width="34.67%" />

    <thead>
        <tr class="heading">
            <td>Modifying circumstance</td>
            <td>Common pathogens</td>
            <td>First choice</td>
            <td>Alternative</td>
            <td>Additional information</td>
        </tr>
    </thead>

    <tr class="heading2">
        <td colspan="5" width="100%">SECTION TITLE</td>
    </tr>

    <tr class="body">
        <td>column 1</td>
        <td>column 2</td>
        <td>column 3</td>
        <td>column 4</td>
        <td>column 5</td>
    </tr>

</table>
Run Code Online (Sandbox Code Playgroud)

即使表本身仍然较宽,跨越的行也会缩小以适应屏幕的大小.这意味着在某些情况下,大部分表格中缺少heading2行的背景,使其看起来很奇怪.

这种情况在iPhone或我们所知道的任何桌面浏览器(Chrome,IE,FF,Safari)上都没有发生 - 仅在Android(多个设备和版本)上.

CSS:

.amhtable {
        border-width:1px;
        border-style:solid;
        border-color:#000000;
        border-collapse: collapse;
        border-spacing: 0;
        padding: 5px;
        font-weight: normal; …
Run Code Online (Sandbox Code Playgroud)

html css android html-table

12
推荐指数
1
解决办法
2726
查看次数

标签 统计

android ×1

css ×1

html ×1

html-table ×1