窗口大小改变时锁定元素宽高的CSS属性咨询

能让元素在窗口尺寸变化时保持原位、不产生自适应效果的CSS属性及用法主要有以下几种：

• position: fixed：这是实现该效果最直接的方式。设置该属性后，元素会相对于浏览器视口进行定位，无论窗口如何缩放、滚动，元素的位置都会固定在视口的指定坐标上，完全不随窗口尺寸变化而移动。
• 固定尺寸单位：如果元素的宽高使用绝对单位（如px）而非相对单位（如%、vw、vh）定义，那么元素的尺寸不会随窗口大小改变。配合固定定位或静态定位下的固定宽度容器，就能让元素保持原有大小和位置，不产生自适应调整。
• position: absolute（无定位父元素）：当元素设置position: absolute，且所有父级元素都未设置position: relative/absolute/fixed/sticky时，元素会相对于初始包含块（通常是浏览器视口）定位。窗口缩放时元素位置会保持固定，但滚动页面时元素会随页面滚动，这一点和fixed有所区别。

实际场景中，网站往往会结合多种属性（比如position: fixed搭配固定像素宽高）来实现这种完全不自适应的元素定位效果。

内容的提问来源于stack exchange，提问作者Aika