网站不会自动适合iPhone屏幕

Plo*_*der 0 iphone safari mobile webkit web-applications

以下代码不适合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>
Run Code Online (Sandbox Code Playgroud)

通常网站应该缩放,所以我首先应该看到网站的小,然后能够缩放,我看到它的原始大小,但在我的情况下它没有,当我呼叫网站,缩放是,图像已经有这个原始尺寸,我必须滚动,但我不想滚动,...我想使用正常的safari移动缩放,然后滚动

底部的解决方案不会缩放任何内容.我想在开始时看到图像的概述.然后我希望能够使用正常的safari缩放功能进行缩放,..

Hel*_*rld 9

<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" />
Run Code Online (Sandbox Code Playgroud)