如何將正常工作的網站轉換爲ipad/iphone兼容？

Question

如何將正常工作的網站轉換爲ipad/iphone兼容？ 任何免費軟件工具可用於將普通網站轉換爲ipad/iphone兼容？

Answer 1

這裏有成千上萬的教程。

我建議的東西開始像

http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/

然後，如果你不快樂與流體佈局

你可以重新設計你的身邊http://cssgrid.net/

或者，您可以從頭開始做的一切，並使用移動框架，這是最常用的這天的有：

JQTouch，jQuery Mobile（從jQuery開發團隊）和Sencha Touch（（現由喬納森·斯塔克maintaned）從ExtJS的開發者即聘請了jQTouch創建者爲好）

Answer 2

這真的取決於你所說的「iPad/iPhone的兼容」是什麼。

如果你只是想讓網站工作，那麼很可能已經是這種情況，如果網站在WebKit瀏覽器上工作（通常應該是這樣的，如果它適用於其他流行的瀏覽器，如Firefox和Chrome，除了一些怪癖）。

如果您只是想定義默認視口縮放以使頁面更具可讀性並且更易於瀏覽，請考慮添加<meta>以及viewport選項的配置。

然而，要真正利用移動/平板電腦設備，最大限度地提高了用戶體驗，還有以「魔術」般地改變你的常規基於臺式機的現場移動/平板電腦優化的一個沒有真正的方法。爲此，您需要一個新的移動優化網站。

您構建移動網站時，需要一個完全不同的方法和思維定式 - 界面和功能應該是更加簡約，專注於您的網站的真正重要的方面。佈局應該突出顯示該網站的重要區域，並且大部分「背景噪音」應該被丟棄。導航需要進行優化以供觸摸屏使用，並且通常整個基於觸摸的用戶交互允許您以與傳統網站完全不同的方式進行操作。

有很多，你可以在網上找到好的資源。 SmashingMagazine對移動設計有着很好的introductory post，這絕不是全面的，但它是一個很好的起點。

如果你決定寫一個專門的手機版，我強烈建議嘗試jQuery Mobile，我真的很享受與工作。

Answer 3

有數百個網站將您的網站轉換爲手機兼容。 這裏有一個我會說對蘋果有用的：http://www.appypie.com/

但是當然你也可以嘗試付費軟件。