< p >CSS 判斷手機大小< /p >< p >在我們日常生活中，越來越多的人開始使用手機瀏覽網站，因此，我們需要確保網站在手機上的適配。< p >在 CSS 中，我們可以使用媒體查詢來針對不同的設備和不同的屏幕大小適應不同的樣式。在移動設備中，最常用的媒體查詢是針對設備的屏幕大小進行適配。< pre >@media only screen and (max-width: 767px) { /* 針對小屏幕設備的樣式 */ } @media only screen and (min-width: 768px) and (max-width: 1024px) { /* 針對中等屏幕設備的樣式 */ } @media only screen and (min-width: 1024px) { /* 針對大屏幕設備的樣式 */ }< /pre >< p >在以上代碼中，我們使用了媒體查詢和 @media 規則來針對不同屏幕大小應用不同的樣式。max-width 和 min-width 是屏幕寬度的標準，它們可以用來限制樣式的適用范圍，從而保證頁面在不同屏幕尺寸上的顯示效果。< p >總結：在移動設備中，我們可以使用 CSS 的媒體查詢來適配不同的屏幕大小和不同的設備，以保證頁面在不同設備上的顯示效果。