网站不会自动适合iPhone屏幕(Website does not automatically fi

2019-10-30 11:56发布

下面的代码不适合在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标签:

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

同时适用于平板电脑和移动



文章来源: Website does not automatically fit to iphone screen