html - android的css calc函数替换

Question

我有表，其中第二列是 120px 宽。我想第一列的宽度是剩下的 100%（100%-120px），但是在 android 上我不能使用CALC函数。资料来源：http ://caniuse.com/calc

HTML：

<table>
    <tr>
        <td class="one">data</td>
        <td class="two">data</td>
    <tr>
<table>

CSS：

.one { width: calc(100%-120px); }
.two { width: 120px; }

问题：

如何更换calc(100%-120px)才能在Android上运行？

注意：（我不知道宽度 100% ）

Answer 1

只需不要在 上设置宽度.one，或将其设置为auto，然后将父表设置为100%。这将导致 td with.one填充表的剩余空间。

小提琴

<table>
    <tr>
        <td class="one">data</td>
        <td class="two">data</td>
    <tr>
<table>

CSS

table {
    width: 100%;
}

.one {
    background-color: red;
}

.two {
    background-color: orange;
    width: 120px;
}

Answer 2

尝试这个：

CSS

.one { width: 100%; }
.two { min-width: 120px; }

这是一个jsFiddle

Answer 3

Android 浏览器现在支持 calc

http://caniuse.com/#feat=calc