网站无法自动适应iPhone屏幕

Question

以下代码不适用于iPhone屏幕； 我该如何定义视口？

<html>
<body>
<center>
<div id="karteu" style="background: url('../customer/Karten/karte1.jpg') no-repeat left center;width:714px;height:540px;" >
</div>
</body>
</html>

通常情况下，应该缩放该网站，因此我应该首先以较小的比例查看该网站，然后再缩放为原始大小，但以我为例，当我致电该网站时，它没有缩放，该图像已经具有原始大小，并且我必须滚动，但是我不想滚动，...我想使用普通的safari移动缩放然后滚动

底部的解决方案不会缩放任何内容。 我想在一开始看到图像的概述。 然后，我希望能够使用普通的野生动物园缩放功能进行缩放，..

Answer 1

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />

Answer 2

使用以下元标记：

<meta name="viewport" content="width=*your site width*, initial-scale=0.30">

适用于平板电脑和手机