通過不同的縮放級別

Question

排隊不同大小的div下面是我做的一個例子：http://jsfiddle.net/wFjXD/

在一定的縮放級別（在我的機器上的默認），前2位的div具有相同的寬度爲底部10.

這是因爲我設置的像素寬度，每個小div的寬度爲20px和1px邊框。較大的div有108px的寬度，這使得每個長div與5個小divs對齊。

問題是，如果您在瀏覽器中使用ctrl +或ctrl - 放大或縮小，所有這些變化和div將不再排隊。

是否有一個css修復程序，以通過不同的縮放級別保持相同的相對大小？ 還是有另一種最佳實踐方式來完成我想要做的？

Answer 1

如果你想比例保持不變，使用%代替px。 這就是我能爲你的問題想到的最好的。雖然它必須是固定數量的孩子，你必須適當地包裝它們。

給你一個idea ...