css中的防弹宽度黑客，包括Safari？

我一直在使用这个类来适当地拉伸div和输入以适应可用空间，而不会因为填充而溢出，就像

-moz available

所做的那样

它在Firefox、Chrome和Opera中工作

不幸的是，Safari似乎是唯一一个不能适应它的浏览器

.width {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: -moz-available;
width: -webkit-fill-available;
}

---

有什么我可以添加到它上面，使它与Safari一起工作吗？

宽度：100%声明在Safari（以及其他浏览器）中工作得很好。width:100%和width:available声明之间的区别在于前者应与box sizing:border box一起使用以防止溢出，后者可在不使用box sizing:border box声明的情况下使用。因此，您的类可以重写如下，并且它应该在Safari中工作：

.width {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box: 
    width: 100%;
}

---

哈，我现在觉得自己很笨。出于习惯，我已经使用border box很长时间了，以至于我忘记了它的实际目的是防止出现破损的盒子大小警告。谢谢你的提醒。