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

ipad以全高而不是980全宽显示我的网站,ipad,height,width,Ipad,Height,Width,我已经创建了一个,它在所有主要浏览器上都能正常工作。不幸的是,在移动设备上查看时,它是全高的,因此每页的网站宽度都会发生变化,我在屏幕右侧有一个恼人的空白。 我试过meta-name=“viewport”content=“width=988”或(width=988)这似乎没有任何区别或meta-name=“viewport”content=“width=device width,initial scale=1,maximum scale=1”(或其变体) 这真的把事情搞砸了,因为它切断了右三分之

我已经创建了一个,它在所有主要浏览器上都能正常工作。不幸的是,在移动设备上查看时,它是全高的,因此每页的网站宽度都会发生变化,我在屏幕右侧有一个恼人的空白。
我试过
meta-name=“viewport”content=“width=988”或(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想要将页面缩放到全高,而我想要全宽。

有什么想法吗?

你是说让网站更具响应性吗?