ipad显示我的网站全高，而不是980全宽

Question

我创建了一个site，它在所有主流浏览器上运行良好，不幸的是，在移动设备上查看时，它在全高度查看，因此网站的宽度每页都会更改，我有一个烦人的空白区域在屏幕右侧。
我试过meta name="viewport" content="width=988" or (width=988)这似乎没有任何区别或meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"（或其变体）。

这真的搞砸了，因为它切断了正确的三分之一背景图像。两者都将白色空间留在右边。我也尝试过：

@media only screen and (device-width:768px)and (orientation:portrait)
/*iPad Portrait orientation styles */

@media only screen and (device-width:768px)and (orientation:landscape)
/*iPad landscape orientation styles */

在CSS中

但是这没有做任何事情，公平地说我真的不明白它应该如何工作。我认为主要的问题是ipad希望将页面缩放到全高，我想要它的全宽 有什么想法吗？