如果需要讓CSS樣式實現(xiàn)豎排自適應(yīng)，需要借助以下兩個CSS屬性：writing-mode和text-orientation。

/* 豎排自動調(diào)整 */
.box {
writing-mode: vertical-rl;
text-orientation: sideways;
}

writing-mode屬性可以實現(xiàn)文本的豎排顯示，有兩個取值：vertical-rl（從右向左）和vertical-lr（從左向右）。

text-orientation屬性可以指定文本的方向，有三個取值：mixed（混合方向）、sideways（豎排）和 upright（正常方向）。

需要注意的是，這兩個屬性加上去之后，文本會自動調(diào)整成豎排，但是其他元素（如圖片、按鈕等）則需要手動調(diào)整樣式，使其適應(yīng)豎排布局。

/* 豎排自動調(diào)整 */
.box {
writing-mode: vertical-rl;
text-orientation: sideways;
height: 200px; /* 豎排高度 */
}
.box img {
transform: rotate(90deg); /* 圖片旋轉(zhuǎn) */
}
.box button {
transform: rotate(90deg); /* 按鈕旋轉(zhuǎn) */
}

以上樣式代碼中，height屬性指定了豎排最大高度，如果內(nèi)容過多超出高度，則會自動溢出。

同時需要注意的是，旋轉(zhuǎn)圖片和按鈕使用了transform屬性，并設(shè)置旋轉(zhuǎn)角度為90度，這樣就能夠?qū)崿F(xiàn)元素豎排自適應(yīng)。

總的來說，豎排自適應(yīng)是一種非常實用的CSS樣式，可以滿足一些特殊需求，比如豎排導航、豎排表格、豎排圖片展示等。