CSS元素在缩放时不会成为页面的宽度

当我缩放我的页面时，一个元素最终会拉伸它，当它拉伸时，你会得到一种与上面JSFIDLE中的情况非常相似的情况

蓝色元素表示拉伸页面的元素，不能更改，其余的是公平的。我需要红色的框来适当地填充页面

非常感谢

<div class="a">A</div>
<div class="b">B</div>
<div class="c"></div>

<div class="somethingBig">Blah!</div>

div {
    height: 50px;
    background-color: red;
    margin-bottom: 10px;
    font-family: Verdana;
    color: white;
    font-size: 30px;
    line-height: 50px;
}

.a { width: 100%; }
.b { width: 100vw; }
.c { width: 100%; }

.somethingBig {
    width: 600px;
    background-color: blue;
}

A
B
废话！
div{
高度：50px；
背景色：红色；
边缘底部：10px；
字体系列：Verdana；
颜色：白色；
字体大小：30px；
线高：50px；
}
.a{宽度：100%；}
.b{宽度：100vw；}
.c{宽度：100%；}
.什么大东西{
宽度：600px；
背景颜色：蓝色；
}

好的，这与浏览器窗口变小时发生的情况相同，例如红色条没有蓝色条宽。它们只占身体的100%，比满溢的蓝色还要小

---

你可以做

minwidth:600px在您的“div”CSS上。
您遇到了什么问题？我看不出缩放有什么奇怪的地方。“适当填充”是什么意思？使用底部的滚动条，红色块没有填充到蓝色的末端（右侧）！*当你放大的时候。这正是我需要的，太多人了。真的希望你的一天过得很顺利。干杯另见