iPhone優化的2頁「應用程序」（網站）

我想創建一個網站，行爲像一個應用程序。這是超級簡單，但我仍然無法弄清楚如何讓它工作...iPhone優化的2頁「應用程序」（網站）

它基本上是一個圖像，當你從主屏幕啓動應用程序時會顯示（我需要以某種方式使地址&導航欄消失）。當你點擊圖片時，它應該顯示下一張圖片。

我試圖與這行代碼

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 

<!-- this is the part responsible for hidding the bottom bar --> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 
    <link rel="apple-touch-icon" href="images/template/engage.png"/>

和圖像編碼這樣

<a href="xxx.html"> 
<img src="xxxx.png"/> 
</a>

但問題是，圖像不大小調整到iPhone屏幕上，他們變得更大，所以你必須滾動才能看到整個圖像。

此外，無論何時按下圖像鏈接，都會打開一個新的Safari瀏覽窗口幷包含Safari瀏覽欄&地址欄。

任何人都知道我可以做這個工作嗎？

在此先感謝..

來源

2013-10-10 user2868900

-1

嘗試在CSS樣式

img{ 
    max-width: 100%; 
}

編輯對不起，我有急事。）

來源

2013-10-10 22:03:29

這似乎是正確的，除非你需要最大寬度：100％:) –

您可以在CSS圖像上設置一個最大寬度以避免圖像比當前窗口更寬：

img { max-width: 100%; }

您可能要考慮使用css框架，如Bootstrap或Foundation。它可以幫助您更輕鬆地創建一個響應式/適用於移動設備的網站，特別是使用網格系統和響應式UI元素。

來源

2013-10-10 22:27:05

iPhone優化的2頁「應用程序」（網站）

回答

相關問題