CSS media 比例指的是在不同的設備上，根據屏幕尺寸調整CSS的比例，以適應不同的屏幕大小。這是移動端響應式設計的重要部分，讓網站能夠在各種設備上呈現出良好的用戶體驗。 在CSS中，我們可以使用@media指令來設置不同的屏幕尺寸下對應的樣式。例如，在一個PC端網站中，我們可以設置如下代碼：

p {
font-size: 16px;
}
@media only screen and (max-width: 768px) {
p {
font-size: 14px;
}
}

這段代碼表示，在屏幕寬度小于等于768像素的設備中，段落字體的大小會自動調整為14像素。這樣做可以讓網站在小屏幕設備上更易于閱讀，提升用戶體驗。 類似地，我們還可以根據屏幕比例來設置不同的CSS。例如，在一個移動端網站中，我們可以設置如下代碼：

p {
font-size: 16px;
}
@media only screen and (max-aspect-ratio: 5/3) {
p {
font-size: 14px;
}
}

這段代碼表示，在屏幕比例小于等于5:3的設備中，段落字體的大小會自動調整為14像素。這樣做可以讓網站在長條形屏幕的設備上更易于閱讀，提升用戶體驗。 總的來說，CSS media 比例是響應式設計中重要的一環，可以讓網站在不同設備上呈現出更好的效果。我們可以通過@media指令和相應的CSS屬性，在不同的屏幕和比例下，自動適應樣式。