问题描述
以下代码不适用于iPhone屏幕；我该如何定义视口?
The following code does not fit onto the iphone screen;how do I have to define the viewport?
<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移动缩放然后滚动
Normally the site should be zoomed, so i first should see the website in small, and then be able to zoom that i see it in the original size, but in my case it does not, when i call the site, the zoom is, that the image has this original size already, and that i have to scroll, but i dont want to scroll,...i want to use the normal safari mobile zoom and then scroll
底部的解决方案不会缩放任何内容.我想在一开始就看到图像的概述.然后，我希望能够使用普通的野生动物园缩放功能进行缩放，..
The solution at the bottom does not zoom anything.I want to see the overview of the image at the beginning.Then i want to be able to zoom with the normal safari zoom functions,..
推荐答案
<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" />
这篇关于网站无法自动适应iPhone屏幕的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！