CSS是一種用于樣式表定義網頁布局的語言。在網頁開發中，CSS可以用于控制頁面的布局、樣式、顏色和字體等。隨著手機型號的不斷增多，人們對網頁的布局需求也越來越高。因此，掌握不同手機型號的CSS樣式，對于網頁開發來說是非常重要的。

下面，我們將介紹一些常見的手機型號，并介紹如何使用CSS來分別手機型號。

1. iPhone

iPhone是一款由蘋果公司推出的智能手機，其特點是屏幕較大，分辨率較高。使用iPhone開發網頁時，需要使用適合iPhone屏幕尺寸的CSS樣式。具體來說，可以使用以下CSS樣式來分別iPhone:

```css

/* 設置iPhone屏幕大小 */

@media screen and (max-width: 768px) {

body {

font-size: 16px;

line-height: 1.6;

2. Android

Android是一款由谷歌公司推出的智能手機操作系統。與iPhone不同，Android手機屏幕較小，分辨率較低。使用Android開發網頁時，需要使用適合Android屏幕尺寸的CSS樣式。具體來說，可以使用以下CSS樣式來分別Android:

```css

/* 設置Android屏幕大小 */

@media screen and (max-width: 768px) {

body {

font-size: 16px;

line-height: 1.6;

/* 設置Android屏幕分辨率 */

@media screen and (min-width: 768px) {

body {

font-size: 14px;

line-height: 1.5;

3. 其他型號

除了iPhone和Android，還有許多其他的智能手機型號。使用CSS來分別這些手機型號，需要根據實際情況進行判斷。例如，可以使用以下CSS樣式來分別Windows Phone手機：

```css

/* 設置Windows Phone屏幕大小 */

@media screen and (max-width: 768px) {

body {

font-size: 16px;

line-height: 1.6;

/* 設置Windows Phone屏幕分辨率 */

@media screen and (min-width: 768px) {

body {

font-size: 14px;

line-height: 1.5;

通過使用這些CSS樣式，我們可以分別不同手機型號，并確保網頁的布局和樣式適用于所有手機型號。