vue写app宽高使用什么单位

在Vue中开发移动端App时，可以使用以下单位来指定宽高：

1. px（像素）：像素是最常用的单位，可以直接指定元素的宽度和高度。例如：width: 100px;

2. vw（视窗宽度单位）：以视窗的宽度为参考，相对于视窗宽度的百分比。例如：width: 50vw; 表示元素宽度为视窗宽度的50%。

3. vh（视窗高度单位）：以视窗的高度为参考，相对于视窗高度的百分比。例如：height: 70vh; 表示元素高度为视窗高度的70%。

4. %（百分比）：相对于父元素的宽度或高度的百分比。例如：width: 80%; 表示元素宽度为父元素宽度的80%。

在移动端开发中，一般推荐使用相对单位（vw、vh、%）来指定元素的宽高，因为可以适应不同设备屏幕的大小。使用像素单位（px）时，可能会导致在不同设备上显示效果不一致。

需要注意的是，对于一些特定的布局需求，如根据设备屏幕动态调整元素大小的需求，可以结合使用Vue的计算属性或方法，根据设备的宽度或高度进行逻辑计算来确定元素的宽高。

总结：在Vue中开发移动端App，可以使用px单位或是相对单位（vw、vh、%）来指定元素的宽高，根据具体的需求选择合适的单位。

在Vue中，编写应用程序的宽度和高度可以使用各种单位。以下是常见的单位：

1. 像素（px）：像素是最常见的单位，表示屏幕上的一个像素点。可以通过直接指定像素值来设置宽度和高度，例如：width: 300px;。

2. 百分比（%）：百分比是相对于父元素的宽度或高度的比例。例如，如果父元素的宽度是1000px，设置一个元素的宽度为50%将使其宽度为500px。可以通过width: 50%;来设置。

3. 视口单位（vw和vh）：vw和vh是相对于视口（浏览器窗口）的宽度和高度的单位。1vw表示视口宽度的1%，1vh表示视口高度的1%。例如，width: 50vw;将使元素的宽度为视口宽度的50%。

4. rem单位：rem是相对于根元素（html元素）的字体大小的单位。可以通过设置根元素的字体大小来控制rem单位的大小。例如，如果根元素的字体大小为16px，设置一个元素的宽度为2rem将使其宽度为32px。

5. em单位：em是相对于父元素的字体大小的单位。例如，如果父元素的字体大小为16px，设置一个元素的宽度为2em将使其宽度为32px。

选择使用哪种单位取决于你的需求和设计。通常情况下，使用像素是最常见的做法，因为它可以精确地控制元素的大小。但是，使用百分比、视口单位、rem单位或em单位可以实现更具响应性的布局，并且可以根据不同的屏幕尺寸自动调整元素的大小。

在Vue中编写App时，宽高的单位选择主要有以下几种常见的选项：

1. 像素（Pixel）：常用的单位，在CSS中表示为“px”。像素是屏幕上最小的显示单位，可以精确控制元素的大小。使用像素单位可以在不同分辨率的设备上获得一致的显示效果。

2. 百分比（Percentage）：常用的单位之一，在CSS中表示为“%”。百分比单位允许根据父元素的大小进行自适应，使得元素的宽高能够根据父元素的改变而变化。

3. 视窗单位（Viewport Units）：在CSS3中引入的单位，根据视口（Viewport）的大小来进行计算。常用的视窗单位有vw（视口宽度的百分比）、vh（视口高度的百分比）、vmin（视口宽高中较小值的百分比）和vmax（视口宽高中较大值的百分比）。视窗单位适用于响应式布局，可以根据不同设备的屏幕大小来自适应地调整元素的宽高。

4. Flex布局单位（Flex Layout Units）：用于Flex布局的单位包括fr（flex grow factor）和auto（自动）。fr单位表示子元素在剩余空间中的比例分配，例如，一个容器有两个子元素，一个设置为1fr，一个设置为2fr，则它们的宽度比例为1:2。

根据具体需求和布局，可以根据实际情况选择合适的单位来设置元素的宽高。建议根据设计要求、页面布局和响应式需求来灵活选择单位，以达到最佳的显示效果。