Сайт автоматически не подходит для экрана iphone - PullRequest
0 голосов
/ 20 апреля 2010

Следующий код не помещается на экран 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>

Обычно сайт должен быть увеличен, поэтому я сначала должен увидеть его в небольшом размере, а затем иметь возможность увеличить его, чтобы увидеть его в исходном размере, но в моем случае это не так, когда я вызываю сайт, зум это то, что изображение уже имеет этот оригинальный размер, и что я должен прокручивать, но я не хочу, чтобы прокручивать, ... я хочу использовать обычное сафари мобильное увеличение, а затем прокручивать

Решение внизу ничего не меняет. Я хочу видеть обзор изображения в начале. Затем я хочу иметь возможность масштабирования с помощью обычных функций масштабирования сафари, ..

Ответы [ 2 ]

9 голосов
/ 20 апреля 2010
<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" />
0 голосов
/ 24 мая 2014

используйте следующий метатег:

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

работает как для планшета, так и для мобильного телефона

...