0

我需要花一点时间来查看具有绝对定位元素的长代码，它们的缩放比例与屏幕宽度成比例。有没有办法在不更改任何内容的情况下包装此代码？

带有简短示例的 JS Fiddle 演示

<div id="Table_01">
    <div id="id1-01">
        <img width="30" height="180">
    </div>...



 #Table_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:480px;
    height:180px;
}

#id1-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:30px;
    height:180px;
}...
4

2 回答 2

1

如果您无法更改现有代码，您可以在更具体的 CSS 规则中使用百分比：

div#Table_01 {
    left:0px;
    width:100%;
}

div#id1-01 {
    left:0;
    width:30%;
}

div#id1-02 {
    left:30%;
    width:20%;
}

div#id1-03 {
    left:50%;
    width:10%;
}

div#id1-04 {
    left:60%;
    width:20%;
}

div#id1-05 {
    left:80%;
    width:20%;
}
于 2013-10-18T17:24:11.757 回答
0

您可以使用该width: 100%;物业。

无论如何，我一直是 % over px 的粉丝！

于 2013-10-18T17:23:15.247 回答