CSS 地圖比例尺是將地圖上測量出的長度與實際距離之間的比例關系。這對于制作網站上的交互式地圖非常有用，因為它可以幫助用戶了解地圖上顯示的距離和尺度。

/* CSS 地圖比例尺 */
.map-scale {
width: 120px;
font-size: 12px;
background-color: #FFF;
border: 1px solid #444;
border-radius: 4px;
overflow: hidden;
white-space: nowrap;
}
.map-scale .bar {
height: 10px;
background-color: #444;
}
.map-scale .step {
height: 6px;
background-color: #FFF;
border-right: 1px solid #444;
display: inline-block;
margin-right: -1px;
}
.map-scale .label {
display: inline-block;
padding: 0 2px;
vertical-align: top;
}

上面的代碼演示了如何使用 CSS 來創建一個簡單的地圖比例尺。它包括三個部分：條形、步驟和標簽。條形表示地圖上的一個單位長度，步驟表示比例尺上的每一個刻度，標簽表示比例尺上的尺度標注。

使用這個代碼創建的比例尺可以隨時根據需要調整大小和樣式。另外，它也可以根據地圖的比例尺來自動調整尺寸。