Question

我在下面的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的矩形扭曲形状。

要查看我的意思，有问题的网址就在这里：link here

如何在缩放时保持比例？当然，所有帮助都很受欢迎。

Answer 1

您的表格无法展开，因为#flag div的宽度为45% div宽度#container，50% div <body> <body> }。缩放时#container的宽度不会改变，因此表格的宽度不能改变。

因此，您可以更改布局，使表单和标志不会并排浮动，或者只需将em的宽度更改为px或{{1} }的

缩放CSS

1 个答案: