CSS @media手持裝置支援iPhone和Android瀏覽器
@media手持CSS規則針對iPhone和Android等手持裝置。但是，iPhone 並不完全支援此規則，因為它能夠與桌面瀏覽器渲染 CSS。
要定位 iPhone 等特定設備，請使用 @media 查詢：
<link rel="stylesheet" href="path/to/iphone.css" media="only screen and (max-device-width:480px)" />
此查詢針對螢幕寬度為 480px 或更小的設備。
現在大多數設備都有更高的分辨率，例如 Droid X 的分辨率為854x480。要定位這些設備，請使用高級媒體查詢檢查設備的物理特徵：
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px) and (resolution: 163dpi)" href="shetland.css" />
此查詢針對螢幕寬度為 480 像素或更小、解析度為 163dpi 的設備。
以了解更多有關針對特定設備的詳細信息，請參閱媒體查詢的 W3 候選推薦。
以上是如何使用 CSS @media 查詢定位 iPhone 和 Android 瀏覽器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
