ipad - 在 iPad 上查看的半响应构建被截断

Question

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

我制作了一个响应式网站，客户要求该网站的响应宽度应从 1080 像素到 960 像素，这很容易在桌面上构建和工作，但在 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 设置一个固定宽度？

score 1 · Accepted Answer

将您的元数据保留为 initial-scale = 1;

然后进入你的媒体查询，看看你是否正在检查 ipad 尺寸

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

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

1 回答 1