網站不會自動適合iphone屏幕

以下代碼不適合iphone屏幕; 我該如何定義視口？網站不會自動適合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瀏覽器縮放功能進行放大，..

來源

2010-04-20 Ploetzeneder

沒有代碼... – oezi 2010-04-20 07:32:05

您可能想要編輯您的文章以獲取更多信息 – 2010-04-20 07:33:08

@oezi，@Ondrej：問題格式不正確;現在修好了。 – RichieHindle 2010-04-20 07:37:13

<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" />

來源

2010-04-20 14:13:55 HelloWorld

謝謝！以上答案的作品！唯一的是，你還必須讓你的寬度= 100％！不得不進入我使用的Dreamweaver中的代碼，並將css樣式表更改爲容器的寬度不是320像素，而是100％。現在它在我的ipod touch和android手機上都能很好地工作。 – 2012-01-23 21:12:05

這是一流的。 Repped。您甚至可以使用'minimum-scale = 0.77' – TheBlackBenzKid 2013-07-24 14:12:13

此視口語法將在aaaaaalllllllllmost幾乎所有的瀏覽器中工作。但沒有（我發現）科爾多瓦嵌入式。在視口內容中正確分隔的是逗號，而不是分號。 http://alxgbsn.co.uk/2011/11/23/make-sure-to-use-correct-meta-viewport-syntax/ – 2014-11-19 19:35:30

使用下面的meta標籤：

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

同時適用於平板電腦和移動

來源

2014-05-24 03:54:02 eword

網站不會自動適合iphone屏幕

回答

相關問題