2

我下面的 javascript 创建了一个由 125 个 div 乘以 75 个 div 的矩形。如下：

function createFlag() {
var flag;
var counter = 1;
var rowCounter = 1;
var divs = 10000;
flag = '<table cellspacing="0" cellpadding="0"><tr>';
for (var i = 0; i < divs; i++) {
    if (i % 125 === 0) {
        flag += '</ tr><tr>';
        rowCounter++;
        counter = rowCounter;
    } else flag += '<td id="pixel_' + counter + '" class="pixel"></td>';
    counter += 80;
}
flag += '</tr></table>';
$('#flag').append(flag);
}

而且我有一些在没有应用缩放时可以正常工作的 CSS。CSS 使用 % 和 em 来表示我认为应该保持相对比例的大小。问题是一旦你放大或缩小 div 的矩形就会扭曲形状。

看看我的意思有问题的网址在这里：链接在这里

缩放时如何保持比例？当然，所有帮助表示赞赏。

4

1 回答 1

1

您的表格无法再展开，因为#flagdiv 的宽度是div 的宽度，45%而#containerdiv 本身50%就是<body>. 缩放时宽度<body>不会改变，因此表格的宽度不会改变。

因此，您可以更改布局以使表单和标志不会并排浮动，或者只需将#container's 宽度更改为em's 或px's。

于 2013-05-27T15:38:43.530 回答