在建站过程中，编辑网页时，会让我们设置宽度、最小宽度、高度、最小高度，同时对应的单位有px(像素)，%（百分比），vw(浏览器可视区宽度)，vh(浏览器可视区高度)，它们在不同的情况下有不同的用途和特点。

下面分别介绍下他们之间的特点及适用场景

1. px (Pixels):

  - `px` 表示像素，是屏幕上显示的最小单位。

  - 固定单位，不随页面缩放或设备分辨率变化而改变。

  - 在响应式设计中，使用像素单位可能导致在不同设备上的显示效果不一致。

2. % (Percentage):

  - `%` 表示相对于父元素的百分比。

  - 元素的大小会相对于其包含元素的大小来计算。

  - 在响应式设计中很有用，可以根据父元素的大小调整元素尺寸，以适应不同屏幕尺寸。

3. vw (Viewport Width):

  - `vw` 表示相对于视口宽度的百分比。

  - 视口宽度是可见区域的宽度，即浏览器窗口的宽度。

  - 用于创建基于视口宽度的响应式设计，可以让元素根据视口的大小自动调整。

4. vh (Viewport Height):

  - `vh` 表示相对于视口高度的百分比。

  - 视口高度是可见区域的高度，即浏览器窗口的高度。

  - 类似于`vw`，用于创建基于视口高度的响应式设计。

在选择使用哪种单位时，需要考虑布局的需求以及响应式设计的目标。通常情况下，使用百分比、`vw` 和 `vh` 可以帮助创建更具弹性的布局，适应不同大小的设备和屏幕。而`px`通常用于固定尺寸的元素，但在一些情况下可能需要谨慎使用，以确保在不同屏幕上的一致性。