CSS的強大功能就在于它可以針對不同的設備屏幕進行適配，而在這里要介紹的是CSS如何適配11寸屏幕。

@media screen and (max-width: 768px) {
/* 在此處放置你的css樣式代碼 */
}

通過新增加一個媒體查詢（media query）來實現對11寸屏幕的適配。媒體查詢可以讓我們根據設備不同的特性，如屏幕寬度、屏幕高度、設備分辨率等來設定不同的css樣式。在這里我們選擇了屏幕寬度768px以內的設備來適配 11寸屏幕。

如果你想對11寸屏幕的樣式進行適配，可以根據下面的示例代碼進行修改：

@media screen and (max-width: 768px) {
body {
font-size: 16px;
}
.header {
height: 60px;
}
.nav {
width: 100%;
}
.main {
width: 100%;
padding: 10px;
box-sizing: border-box;
}
.sidebar {
display: none;
}
.footer {
width: 100%;
height: 40px;
}
}

以上代碼是基于一個典型的網站設計的，其中header是站點的頭部，nav是導航條，main是網站的主要內容區域，sidebar是側邊欄，最后是footer是站點的底部。在適配11寸屏幕時，我們對這些區域進行了一些樣式的修改。

當然，在實際的開發過程中，你可以根據實際情況來設置樣式。最后要注意的是，適配不同的設備屏幕是CSS開發中的一項重要任務，這能夠確保你的網站能夠在不同的設備上有良好的表現。