使用設備寬度時，Retina 顯示設備寬度不會自動適應 ipad

Question

目前我正在為一個使用 Retina Ready Coding 的網站工作。 Retina 顯示屏（新 iPad）的分辨率為 2048 x 1536 像素，而一般 iPad/Tab 的分辨率為 1024x768 像素。 根據 Retina 定律，每當我使用主體寬度/容器寬度 1536px 時

 @media only screen and (min-device-width: 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { body{ width: 1536px !important; }, .container{ width: 1536px !important; } }.

這應該將 width:1536px 自動調整為 768px（作為其像素比 2）。 但它顯示將整個站點放大到 iPad。 每當我觸摸 iPad 時，它的寬度就會從 1536 像素變為 768 像素。 有沒有人對此有任何解決方案？ 我在 Retina 顯示移動設備上面臨同樣的問題。

Answer 1

您是否使用元標記設置了視口？ 這種行為看起來好像沒有視口元標記。 嘗試使用此元標記更改/添加視口設置：

<meta name="viewport" content="width=device-width">

或這個：

<meta name="viewport" content="initial-scale=1.0">

或兩者：

<meta name="viewport" content="width=device-width, initial-scale=1">

還可以查看此鏈接以獲取解釋

Answer 2

問題解決了！！！

我必須使用這個元標記

 <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" />

謝謝，