在Web開發中，為了使不同類型的設備都能正確地顯示頁面，需要對各種類型的設備進行響應式設計。其中，一個重要的環節是根據設備類型（機型）來引入所需的CSS樣式。

為了根據機型來引入CSS，我們需要使用媒體查詢（Media Query）。媒體查詢是CSS3的一個新增特性，它可以根據不同的媒體類型（比如不同的設備類型）、視口尺寸、屏幕方向、顏色等條件來應用不同的CSS樣式。

在使用媒體查詢時，我們首先需要為不同的機型定義相應的樣式。例如，我們可以為iPhone和iPad分別定義特定的樣式，然后使用媒體查詢來判斷設備類型并引入相應的樣式。

/* 定義iPhone樣式 */
@media only screen and (max-device-width: 480px) {
// ... iPhone樣式代碼 ...
}
/* 定義iPad樣式 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
// ... iPad樣式代碼 ...
}
/* 引入相應的樣式 */

在上面的代碼中，我們首先分別定義了iPhone和iPad的樣式，然后使用媒體查詢來判斷設備類型。如果是iPhone，則引入iPhone.css，如果是iPad，則引入iPad.css。同時，我們還需要引入一個通用的樣式文件common.css。

使用媒體查詢判斷設備類型并引入相應的樣式，可以使頁面在不同類型的設備上都能正常地顯示，并提升用戶體驗。此外，還可以根據不同設備的分辨率、屏幕尺寸等條件引入相應的樣式，從而實現更加細致靈活的響應式設計。