css - 缩放页面时不缩放 DIV 元素

Question

当缩放网页时，DIV 元素不会缩放，但放置在 DIV 内的组件正在缩放并从 DIV 的一侧出来。在这里我创建了一个测试 fiddle test fiddle .请帮我解决这个问题。

Answer 1

无论里面有什么，您的 Div 都占用了 50% 的可用空间。其余空间留作边距。 例如，如果您从 100% 缩小(缩小，而不是放大)。可以看到内容会越来越小，但是div的宽度会变大。

如果您关心缩小/放大的外观，请使用像素而不是百分比。

在这里试试:http://jsfiddle.net/fam46/1/