これが私がやっていることの例です: http://jsfiddle.net/wFjXD/
特定のズーム レベル (私のマシンのデフォルト) では、上位 2 つの div は下位 10 と同じ幅になります。
これは、幅をピクセル単位で設定したためです。各小さな div の幅は 20px で、境界線は 1px です。大きな div の幅は 108 ピクセルで、長い div はそれぞれ 5 つの小さな div と並んでいます。
問題は、ブラウザで ctrl + または ctrl - を使用してズームインまたはズームアウトすると、これらすべてが変更され、div が整列しなくなることです。
異なるズーム レベルで同じ相対サイズを維持する CSS 修正はありますか? または、私がやろうとしていることを達成するための別のベストプラクティスの方法はありますか?