CSS3媒體查詢是一項非常有用的技術，它可以讓我們編寫具有響應式布局的網站。對于蘋果7這款手機而言，我們可以使用媒體查詢來調整網站的樣式和布局，以使其適應不同屏幕尺寸和分辨率。

/* 為蘋果7添加媒體查詢樣式 */
@media only screen and (max-device-width: 750px) {
/* 調整網站布局和大小 */
body {
font-size: 14px;
width: 100%;
padding: 0;
margin: 0;
}
/* 調整導航欄 */
.navbar {
background-color: #333;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
/* 調整文章樣式 */
.article {
width: 90%;
margin: 20px auto;
padding: 10px;
box-shadow: 0px 0px 5px #ccc;
}
}

如上所示，我們可以使用@media查詢指定一些針對蘋果7的樣式。這里我們將屏幕最大寬度設置為750px，如果用戶在蘋果7上訪問我們的網站，那么這些樣式就會被應用。

在上面的代碼中，我們調整了網站的字體大小、寬度、內邊距和外邊距，使其適應蘋果7的屏幕尺寸。我們還調整了導航欄的樣式以實現固定在頂部的效果。最后，我們還調整了文章的樣式，以使其在蘋果7上呈現良好。

需要注意的是，媒體查詢不僅可以應用于蘋果7這款手機，還可以應用于其他不同的屏幕尺寸和分辨率。通過使用不同的媒體查詢條件，我們可以針對不同的設備和屏幕尺寸提供最佳的用戶體驗。