uniapp设置所有盒子为box-sizing: border-box;

要设置所有盒子为box-sizing: border-box;，可以在全局样式中添加以下代码：

* {
  box-sizing: border-box;
}

这将会将所有元素的盒模型设置为border-box，即元素的宽度和高度包括了内边距和边框的宽度。这样做可以更方便地控制元素的尺寸，避免因为内边距和边框的宽度而导致元素尺寸超出预期。

相关问题

给所有盒子设置box-sizing: border-box;

box-sizing: border-box; 是一种CSS属性，用于设置盒子的尺寸计算方式。当设置为border-box时，元素的宽度和高度将包括其边框和内边距，而不会被内容所撑开。

在默认的盒模型中，元素的宽度和高度只包括内容的宽度和高度，而边框和内边距会增加元素的总尺寸。这意味着如果给一个元素设置了固定的宽度和内边距，那么实际显示的宽度会比设置的宽度更宽。

通过设置box-sizing: border-box;，可以改变盒模型的计算方式，使得元素的宽度和高度包括了边框和内边距。这样一来，设置固定宽度和内边距时，元素的实际显示宽度就会与设置的宽度一致。

使用box-sizing: border-box; 可以简化布局计算，特别是在响应式设计中非常有用。它可以确保元素的尺寸在不同屏幕尺寸下保持一致，减少调整布局时的麻烦。

box-sizing: border-box无效

当设置`box-sizing: border-box`无效时，可能有以下几个原因：

1. CSS规则的优先级：确保你的`box-sizing: border-box`规则具有足够高的优先级，以覆盖其他可能存在的规则。可以使用更具体的选择器或者使用`!important`来提高优先级。

2. 元素的display属性：`box-sizing: border-box`只对块级元素和替换元素有效。如果你的元素是行内元素或者浮动元素，那么`box-sizing`属性将不起作用。

3. 盒模型的计算：`box-sizing: border-box`会改变元素的盒模型计算方式，使得元素的宽度和高度包括了边框和内边距。但是，如果你在设置宽度或者高度时没有考虑到边框和内边距的值，那么`box-sizing`属性就会显得无效。

4. 浏览器兼容性：在一些旧版本的浏览器中，对于`box-sizing: border-box`的支持可能不完全。可以通过添加浏览器前缀或者使用CSS预处理器来解决兼容性问题。

如果以上方法都没有解决问题，可以提供更多的代码和上下文信息，以便更好地帮助你解决问题。