我怎么知道要为 CSS 设置什么 height/width？
How do I know what height/width to set for CSS?
我不完全明白如何确定 rem、em、px 或 %。
我知道每一个的意思，但我还是不清楚什么时候使用每一个。知道使用哪些的标准是什么？
非常感谢您的意见。
单位 cm、px、pt 等被称为绝对长度单位，用于精确尺寸，不会根据屏幕尺寸等多种因素而改变。 vw、vh、% 等单位称为相对大小单位，会根据您查看页面的屏幕大小而变化。
像素px、点pt等被视为绝对单位。使用像素定义的好地方是当您希望某些元素保持一致的大小时，即不应调整元素的大小。例如。可以使用 px.
定义图标、某些图像或布局装饰
另一方面，em、rem、%、vw、vh 等是相对单位，更适合响应式设计。相对单位根据基本尺寸计算。 em 和 rem 之间的区别在于 em 基于父元素，而 rem 基于根元素。这些对于调整字体大小很有用，例如如果用户将他们的浏览器基本字体定义为 14px（通常 16px 是默认大小），使用 em / rem 的网站字体会根据用户的意愿进行调整，但 px 不会这样做.
百分比定义 % 通常用于将整体布局分解为百分比大小的列的布局元素。这些列将在屏幕尺寸发生变化时进行调整，并且与媒体查询一起可以根据屏幕尺寸调整这些列的百分比。
从我个人的角度来看，视口宽度 vw 和视口高度 vh 较少使用，但在需要根据实际视口大小进行布局时很有用。例如。创建 2 个彩色或分层背景可能是一个用例。
我不完全明白如何确定 rem、em、px 或 %。
我知道每一个的意思，但我还是不清楚什么时候使用每一个。知道使用哪些的标准是什么？
非常感谢您的意见。
单位 cm、px、pt 等被称为绝对长度单位，用于精确尺寸，不会根据屏幕尺寸等多种因素而改变。 vw、vh、% 等单位称为相对大小单位，会根据您查看页面的屏幕大小而变化。
像素px、点pt等被视为绝对单位。使用像素定义的好地方是当您希望某些元素保持一致的大小时，即不应调整元素的大小。例如。可以使用 px.
另一方面，em、rem、%、vw、vh 等是相对单位，更适合响应式设计。相对单位根据基本尺寸计算。 em 和 rem 之间的区别在于 em 基于父元素，而 rem 基于根元素。这些对于调整字体大小很有用，例如如果用户将他们的浏览器基本字体定义为 14px（通常 16px 是默认大小），使用 em / rem 的网站字体会根据用户的意愿进行调整，但 px 不会这样做.
百分比定义 % 通常用于将整体布局分解为百分比大小的列的布局元素。这些列将在屏幕尺寸发生变化时进行调整，并且与媒体查询一起可以根据屏幕尺寸调整这些列的百分比。
从我个人的角度来看，视口宽度 vw 和视口高度 vh 较少使用，但在需要根据实际视口大小进行布局时很有用。例如。创建 2 个彩色或分层背景可能是一个用例。