CSS縮放位置不變是指，在對HTML頁面進行放大或縮小的時候，元素的定位、大小、形狀等不會隨之改變。這在制作響應式網頁時非常有用，可以讓網頁在不同尺寸的屏幕上都能展示良好的效果。

要實現CSS縮放位置不變，需要注意以下幾點：

/* 禁止元素自動拉伸 */ 
img,
video {
max-width: 100%;
height: auto;
}
/* 設置容器 */ 
.container {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
/* 使用rem來設置CSS屬性 */ 
html {
font-size: 16px;
}
@media (min-width: 768px) {
html {
font-size: 18px;
}
}
@media (min-width: 992px) {
html {
font-size: 20px;
}
}

首先要禁止元素自動拉伸，這可以通過設置img和video的max-width屬性為100%來實現。接著，在容器中設置一個最大寬度，并讓其水平居中。這樣，當頁面縮小時，元素不會超出容器的寬度。

另外，在CSS中可以使用rem單位來設置字體大小、內外邊距等屬性，這樣可以讓整個網頁隨著頁面大小的變化而按比例縮放。使用媒體查詢可以讓頁面在不同的設備上展示不同的樣式，從而適應各種屏幕尺寸。

總的來說，要實現CSS縮放位置不變，需要注意元素的定位和尺寸，同時使用rem單位和媒體查詢來適應不同的屏幕尺寸。這樣可以讓網頁在不同設備上都能展示出最佳效果。