CSS中有多種方法可以獲取屏幕寬高比，這對(duì)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)是至關(guān)重要的。下面我們將介紹其中的兩種方法：

方法一：使用CSS Media Queries

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

方法二：使用CSS calc()

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

CSS Media Queries可以在不使用JavaScript的情況下，快速檢測(cè)屏幕的寬高比，并應(yīng)用不同的樣式。而使用CSS calc()也可以實(shí)現(xiàn)響應(yīng)式布局中的寬高比計(jì)算。這些方法都可以幫助我們更好地構(gòu)建適配不同屏幕的響應(yīng)式網(wǎng)頁(yè)。