Question

有一个奇怪的问题，我必须做一些非常愚蠢的事情因为这应该很容易。我想在我的div里面使用zoom。现在它可以在我使用chrome时工作，但是当我在IE中显示它时，它似乎已经调整了高度而不是宽度，即使它们都是固定的。这是我所说的简化版本：

<html>
<head>
<style>
    td, .Outer, .Inner {
        margin: 20px;
        padding: 20px;
    }

    table {
        background-color: blue;
    }

    .Outer {
        zoom: 0.5; 
        background-color: yellow; 
        text-align: center;
    }

    .Inner {
        height: 1218px;
        width: 1010px;
        background-color: red;
    }

    td {
        background-color: green;
    }
</style>
</head>
<body>
<table>
    <tbody>
    <tr>
        <td>
            <div class="Outer" style="">OUTER TEXT
                <div class="Inner" style="">INNERTEXT</div>
            </div>
        </td>
    </tr>
</tbody>
</table>
</body>
</html>

如何让IE的行为与Chrome相同？

IE（它只是btw较大的绿色框）：

铬：

干杯

css缩放不在IE中调整我的DIV的宽度

0 个答案: