使用设备宽度时,视网膜显示设备宽度不会在ipad上自动调整

时间:2016-09-19 12:57:14

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

目前我正在为一个使用Retina Ready Coding的网站工作。视网膜显示器(新iPad)的分辨率为2048 x 1536像素,而普通iPad / Tab的分辨率为1024x768像素。根据Retina定律,每当我使用体宽/容器宽度1536px时



gpg --list-keys --keyid-format short




这应该自动调整宽度:1536px到768px(因为它的像素比率为2)。但它显示了zoomin完整的网站进入iPad。每当我触摸iPad时,它的宽度可以达到1536px的768px。 有人有任何解决方案吗?我在Retina显示移动设备方面面临同样的问题。

2 个答案:

答案 0 :(得分: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解释

答案 1 :(得分:0)

问题解决了!!!

我必须使用这个元标记

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

谢谢,