CSS中有多種方法可以獲取屏幕寬高比，這對響應式網頁設計來說是至關重要的。下面我們將介紹其中的兩種方法：

方法一：使用CSS Media Queries

@media screen and (min-aspect-ratio: 16/9) {
/* 在寬高比為16:9及以上的情況下應用的樣式 */
}
@media screen and (max-aspect-ratio: 4/3) {
/* 在寬高比為4:3及以下的情況下應用的樣式 */
}

方法二：使用CSS calc()

/* 計算寬高比 */
.selector {
width: calc((100vw - 10rem)/1.6);
height: calc((100vw - 10rem)/1.6*0.6);
}

CSS Media Queries可以在不使用JavaScript的情況下，快速檢測屏幕的寬高比，并應用不同的樣式。而使用CSS calc()也可以實現響應式布局中的寬高比計算。這些方法都可以幫助我們更好地構建適配不同屏幕的響應式網頁。