vue移动端高度用什么单位

在Vue移动端开发中，通常建议使用px作为单位来定义高度。由于移动设备的屏幕尺寸和像素密度各不相同，使用px单位可以保证页面在不同设备上的显示效果较为一致。

另外，还有一些其他的单位可以用于定义高度，但使用时需根据具体情况进行选择和调整：

1. rem单位：rem单位是相对于根元素（即html）的字体大小来计算的。这意味着可以通过设置根元素的字体大小来影响整个页面的尺寸，从而实现响应式布局。但需要注意的是，使用rem单位时需要考虑浏览器的兼容性。

2. vh单位：vh单位是相对于视口高度的百分比。使用vh单位可以确保元素的高度与视口高度保持一定的比例关系，适用于需要根据屏幕高度进行布局的场景。

3. %单位：使用%单位可以根据父元素的高度进行设置，适用于需要根据父元素高度自适应的布局。

综上所述，根据具体需求和布局要求，可以选择合适的单位来定义Vue移动端的高度。一般情况下，建议使用px单位，根据页面需求灵活选择其他单位。

在Vue移动端开发中，通常使用"H5自适应布局"来适应不同屏幕尺寸的设备。在这种布局中，我们使用相对单位来定义元素的尺寸，以使页面在不同设备上具有一致的显示效果。

以下是Vue移动端开发中常用的相对单位：

1. vw和vh：vw表示视口宽度的百分比，vh表示视口高度的百分比。使用vw和vh可以根据设备的屏幕尺寸动态调整元素的大小。例如，如果要将一个元素的宽度设置为屏幕宽度的50%，可以使用50vw来定义。

2. rem：rem是相对于根元素（html元素）的字体大小的单位。在Vue移动端开发中，通常会将html元素的字体大小设置为设备宽度的十分之一，这样1rem就等于设备宽度的十分之一。通过设置rem单位，可以在不同设备上实现元素的自适应布局。例如，如果要将一个元素的宽度设置为屏幕宽度的50%，可以使用"50rem"来定义。

3. %：百分比是相对于父元素的大小进行定义的。在Vue移动端开发中，可以使用百分比来设置元素的宽度、高度、边距等属性。例如，如果要将一个元素的宽度设置为父元素宽度的50%，可以使用"50%"来定义。

4. em：em是相对于元素的字体大小的单位。在Vue移动端开发中，可以使用em单位来定义元素的尺寸，其中1em等于元素的字体大小。例如，如果要将一个元素的宽度设置为其字体大小的2倍，可以使用"2em"来定义。

5. px：px是绝对单位，表示像素。在Vue移动端开发中，通常会避免直接使用px单位，因为不同设备的像素密度可能不同，使用px单位可能导致元素在不同设备上显示不一致。但是在一些需要定义固定尺寸的场景中，仍可以使用px单位。

总之，在Vue移动端开发中，推荐使用相对单位来定义元素的尺寸，以实现页面的自适应布局。以上所述的vw、vh、rem、%、em都是常用的相对单位，具体使用哪种单位取决于开发者根据实际需求来决定。

在Vue移动端开发中，常用的单位有以下几种：

1. 像素（px）：像素是最常见的单位，在移动设备上的屏幕上以像素为单位进行尺寸的定义。在Vue的样式中可以直接使用像素单位进行布局和设计。

2. 视口单位（vw、vh）：视口单位是相对于视口（浏览器窗口或容器的宽度和高度）的单位。vw代表视口宽度的百分比，vh代表视口高度的百分比。使用视口单位可以实现响应式设计，兼容不同屏幕尺寸的设备。

3. 百分比（%）：百分比单位是相对于父元素的尺寸进行计算的。在Vue的样式中，可以使用百分比来设置元素的宽度、高度、边距等属性。

4. rem：rem是相对于根元素（即html元素）的字体大小(base font-size)进行计算的单位。通过设置根元素的字体大小，可以实现根据根元素大小自适应的布局。

在选择合适的单位时，需要根据具体的设计需求和页面布局进行选择。一般情况下，使用vw、vh单位可以实现较好的响应式布局效果，而像素单位可以用于确定尺寸的绝对值。使用百分比可以实现相对布局，rem单位可以用于实现根据根元素动态调整大小的布局效果。根据实际需求进行选择合适的单位。