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移动缩放，然后滚动

底部的解决方案不会缩放任何内容。我想在开始时看到图像的概述。然后我希望能够使用正常的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">

适用于平板电脑和移动设备

网站不会自动适合iPhone屏幕

2 个答案: