box sizing在uniapp无效

在Uniapp中，box-sizing属性的确是无效的。box-sizing属性用于设置元素的盒模型类型，有两个可选值content-box和border-box。然而，在Uniapp中，无法直接使用box-sizing属性来控制元素的盒模型。

Uniapp是一个基于Vue框架的跨平台开发工具，它使用的是Flex布局来实现页面的布局。在Flex布局中，元素的盒模型默认为border-box类型，即元素的宽度和高度包括了边框和内边距。

如果想要改变元素的盒模型类型，可以通过设置element组件的padding和margin属性来达到相似的效果。例如，可以通过设置padding来增加元素的宽度和高度，而不会影响其位置。

另外，Uniapp还提供了一些内置的样式类（如flex类），可以用来方便地设置元素的布局属性，更好地适应不同机型和屏幕尺寸。

总结来说，在Uniapp中无法直接使用box-sizing属性来设置元素的盒模型类型，但可以通过设置padding和margin属性以及利用内置的样式类来控制元素的布局和大小。

相关问题

怎么在uniapp中添加全局样式box-sizing: border-box;

在uniapp中添加全局样式box-sizing: border-box;可以通过以下步骤实现：
1. 在项目根目录下找到App.vue文件。
2. 在App.vue文件中添加<style>标签。
3. 在<style>标签中添加以下代码：*{box-sizing: border-box;}。
4. 保存文件并重新编译运行项目即可。

这样就可以在uniapp中添加全局样式box-sizing: border-box;，使得所有元素的宽度和高度都包括了边框和内边距。这对于布局和设计来说非常方便。

html5 box sizing,CSS属性参考 | box-sizing

box-sizing 是一个 CSS 属性，可以用来控制盒模型的计算方式。默认情况下，HTML 元素的宽度和高度是由内容区域的宽度和高度决定的，而边框和内边距会增加元素的总宽度和高度。然而，box-sizing 属性可以改变这种行为，并以不同的方式计算元素的宽度和高度。

在 HTML5 中，box-sizing 属性有两个可选值：

1. content-box（默认值）：宽度和高度只包括内容区域，不包括边框和内边距。
2. border-box：宽度和高度包括内容区域、边框和内边距。

通过设置 box-sizing 属性，我们可以更精确地控制元素的尺寸计算方式，特别是当我们需要在布局中考虑边框和内边距时，border-box 值非常有用。

示例代码：

.box {
  width: 200px;
  height: 100px;
  padding: 10px;
  border: 1px solid black;
  box-sizing: border-box;
}

在上面的示例中，通过设置 box-sizing: border-box，元素的宽度和高度将包括内容区域、边框和内边距，而不会增加额外的空间。

希望能解答你的问题！如果还有其他问题，请继续提问。