使用CSS定位Android移動設備（Galaxy S）

Question

我正在嘗試使用CSS文件定位Android設備，但到目前為止我一直沒有成功。 我正在使用以下CSS代碼：

@media only screen and (max-device-width: 800px) {
    body { max-width: 100%; background-color:#000; }
}

我也在PHP文件中的以下行調用css代碼：

<link rel="stylesheet" type="text/css" href="small.css" />

對我可能做錯的事情有任何想法嗎？

謝謝

Answer 1

在PHP中，您可以檢查用戶代理 ，並在此基礎上應用適當的樣式表。

並且不要忘記meta標簽中的視口設置：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />