在iPad上观看的半响应构建斩断

Question

此时我还没有分享链接，但想知道是否有人遇到过和我一样的问题。

我已经建立了一个响应式网站，客户要求该网站应该从1080px宽度响应到960px宽度，这很容易构建并在桌面上工作但在ipad上的肖像网站被切断，在风景中却是完美的。

我在想它与渲染时使用的初始宽度有关。

我试过了：

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

和

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

作为“修复”也许我应该为ipad设置一个固定的宽度？

Answer 1

使用initial-scale = 1;

保留元数据

然后进入媒体查询并查找您是否正在检查ipad尺寸

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

请记住，您需要对ipad3 / 4进行额外的媒体查询