怎么让外部scale不影响内部某个元素

如果你想要创建一个用户界面元素，使其在容器或其他元素缩放时保持原尺寸不变，通常可以采用CSS中的`position`属性以及`transform`属性来实现相对定位或者固定大小。

1. **相对定位**（Position: relative;）：你可以将元素设置为相对定位，并使用`left`, `top`, `right`, `bottom`等属性来设置相对于其原始位置的距离。这样，当外部元素缩放时，内部元素的位置不会改变。

.parent {
  position: relative;
}

.child {
  position: relative;
  top: 0;
  left: 0;
}

2. **绝对定位**（Position: absolute;）：若元素需要脱离文档流并相对于最近的已定位祖先元素定位，可以使用绝对定位。同样地，你需要给包含它的元素设置`position: relative;`。

3. **固定尺寸**（Width/Height: auto;）：如果元素本身不需要随容器调整，可以设置固定的宽度和高度。例如：

.stretchable-element {
  width: 200px;
  height: 100px;
  position: absolute; /* 或者 relative */
}