CSS是前端開發中的必備技能，它可以幫助我們美化網頁樣式，提供更好的用戶體驗。然而，在兼容不同設備的同時，也需要考慮如何適配不同的屏幕尺寸，包括適配iPhone6這樣的移動設備。

@media only screen and (max-device-width: 375px) {
/* iPhone 6 styles */
body {
font-size: 16px; /* 設置文本大小為16px */
}
.container {
width: 100%; /* 容器寬度為100% */
display: flex; /* 父元素為彈性布局 */
flex-direction: column; /* 子元素豎向排列 */
align-items: center; /* 子元素水平居中 */
}
.btn {
padding: 8px 16px; /* 按鈕內邊距 */
font-size: 16px; /* 按鈕文本大小 */
}
}

這段CSS代碼使用了媒體查詢來適配iPhone6。我們可以將CSS樣式規則寫在特定的媒體查詢里，以根據設備的特性對網頁進行不同的樣式規定。

在這段代碼中，我們首先使用max-device-width來限制設備屏幕的最大寬度，從而適配iPhone6這樣的設備。然后，我們更改了文本、容器、按鈕等元素的樣式，使其更加適合在iPhone6上顯示。

通過這種方式，我們可以在保證網頁兼容不同設備的基礎上，為不同的設備提供更好的用戶體驗。