调整网站宽度以适应iPad屏幕的宽度

Question

我的网站宽度为2048像素.有没有办法在网站加载时自动让iPad适合屏幕上的整个网站宽度？我尝试过以几种不同的方式尝试使用meta视口:

<meta name="viewport" content="width=device-width maximum-scale=1.0">
<meta name="viewport" content="width=device-width initial-scale=1.0">

但这并没有奏效.该网站仍然太宽,并在iPad上溢出屏幕.

Answer 1

您可以将固定大小传递给内容宽度,如下所示:

<meta name="viewport" content="width=2048" />

可能需要进行一些调整以允许在任何一侧填充,但是应该以该大小加载网站并允许用户放大.

Answer 2

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

这就是我的网站所用的。