使用设备宽度时，ipad 上的 Retina 显示设备宽度不会自动调整答案

【问题标题】：Retina display device width is not autofit in on ipad when using device width使用设备宽度时，ipad 上的 Retina 显示设备宽度不会自动调整
【发布时间】：2017-01-27 04:19:38
【问题描述】：

目前我正在为一个使用 Retina Ready Coding 的网站工作。 Retina 显示器（新 iPad）的分辨率为 2048 x 1536 像素，而普通 iPad/Tab 的分辨率为 1024x768 像素。根据 Retina 定律，每当我使用 body width / container width 1536px in

@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（作为它的 pixel-ratio-2）。但它显示将整个站点放大到 iPad。每当我接触 iPad 时，它的宽度从 1536 像素变为 768 像素。有人对此有任何解决方案吗？我在 Retina display 移动设备上遇到了同样的问题。

【问题讨论】：

@Adrian，我已经使用过这个视口了。

标签： html css retina-display retina pixel-ratio

【解决方案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">

也可以查看this link for的解释

【讨论】：

你怎么知道 OP 是否使用元标记？回答时不要假设事情
@Adrian，我已经使用了这个视口。

【解决方案2】：

问题解决了！！！

我必须使用这个元标签

&lt;meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" /&gt;

谢谢，

【讨论】：