全局设置成box-sizing

你可以使用CSS中的全局选择器来设置所有元素的`box-sizing`属性为`border-box`，这样可以确保元素的尺寸计算包括边框和内边距。

以下是示例代码：

 box-sizing: border-box;
}

将上述代码添加到你的CSS文件中，或者直接在HTML文件中的`<style>`标签内添加，这样所有元素的`box-sizing`属性就会被全局设置为`border-box`。

相关问题

box-sizing: border-box;全局设置

box-sizing是CSS3中的一个新属性，可以用来改变盒子模型的计算方式。默认情况下，元素的宽度和高度是指内容区域的宽度和高度，而padding和border会增加元素的宽度和高度。而设置box-sizing: border-box;之后，元素的宽度和高度会包括padding和border的大小。

举个例子，如果一个div的宽度为200px，padding为20px，border为1px，那么默认情况下这个div的实际宽度是242px（200px+20px(padding)*2+1px(border)*2），但如果设置box-sizing: border-box;，那么这个div的实际宽度就是200px，padding和border的大小都算在了这个200px里面。

通过设置box-sizing: border-box;可以使盒子模型的计算更加直观，也可以方便地实现响应式布局。

如果你想全局设置box-sizing: border-box;，可以在CSS中添加以下代码：

* {
  box-sizing: border-box;
}

这段代码会将所有元素的盒子模型都设置为border-box。注意，这种做法可能会导致一些布局问题，需要谨慎使用。

uni-app怎么全局设置box-sizing: border-box;

在uni-app中，可以通过在App.vue中设置全局样式来实现设置所有元素的box-sizing属性为border-box。具体操作如下：

1. 在App.vue文件中，添加style标签，并在其中设置box-sizing属性为border-box：

<style>
* {
  box-sizing: border-box;
}
</style>

2. 这样，所有页面中的元素都会继承这个样式，从而实现全局设置box-sizing属性为border-box。

注意：在uni-app中，App.vue文件是整个应用的入口文件，所以在这个文件中设置全局样式是比较合适的。另外，这种设置方式会影响到所有页面和组件，如果希望某个页面或组件不受影响，可以在其样式中单独设置box-sizing属性。