如何使用 CSS @media 查詢定位 iPhone 和 Android 瀏覽器？

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中文網其他相關文章！