缩放中断CSS

我使用下面的javascript创建一个125除以75的矩形。详情如下:

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);
}

函数createFlag（）{
var标志；
var计数器=1；
var rowCounter=1；
var divs=10000；
旗帜=''；
对于（变量i=0；i

我有一些CSS，在没有应用缩放的情况下工作良好。CSS使用%和em表示大小，我认为这意味着相对比例将保持不变。问题是，只要放大或缩小div矩形，就会扭曲形状

要了解我所指的url，请参见：

---

缩放时如何保持比例？当然感谢您的帮助。

您的表格无法再展开，因为

\flag

div的宽度是

\container

div宽度的

45%

，而

div宽度本身是
的
50%
。缩放时，
的宽度不会改变，因此无法更改表格的宽度

因此，您可以更改布局，使窗体和标志不会并排浮动，或者只需将
#container
的宽度更改为
em
或
px
。
感谢您的提示，这很有帮助！尽管如此，我的表格和div矩形的相对大小仍然不尽相同（在我的屏幕上，最明显的是90%和110%的缩放）