2011-12-28 33 views

回答

0

你必須購買應該是一個單獨的域....和步驟,很容易遵循這個鏈接steps to create a mobile web

+1

不錯的鏈接,但不需要與單獨的域.. – 2011-12-28 08:54:24

+2

「米」。是subdomian不是域 – 2012-02-06 10:21:49

0

不敢看雅虎源,但外觀和感覺讓我想起了這個項目,http://jquerymobile.com/

+0

m.yahoo.com上沒有Javascript,我想。但是很多CSS與jQuery Mobile相似。 – Thilo 2011-12-28 08:54:12

5

有很多方法可以做到這一點。但在此之前,你需要考慮一些事情;

  1. 您是否希望擁有桌面和移動兩個獨立的域(如www.yahoo.com和m.yahoo.com)
  2. 如何設計會是什麼樣每個視圖?

以上是重要的決策,因爲市場上不斷出現新設備(手機/平板電腦等)。所以你需要設計一些可以在未來輕鬆擴展的東西。

談到這一點,有一個很好的方法來設計移動網站。它被稱爲響應式網頁設計(或流體設計) 在這裏,您不要硬編碼任何尺寸(寬度/高度/填充/邊距等),並指定所有內容(在您的CSS中) 這確保了佈局根據其上查看的屏幕進行調整,因此不受限於任何特定設備。

除此之外,您還需要了解移動設備的視口。

除此之外,對於Javascript,您可以考慮使用jQTouch,jQuery Mobile,Sencha Touch(更復雜的網站)等圖書館,甚至像流行遊戲插件這樣的基本圖書館。

如果您需要任何其他信息,請讓我知道。

+0

+1響應式網頁設計 – Robert 2013-06-26 18:24:10

2

從桌面/平板電腦網站爲您的移動網站設置不同的域名有一個缺點。它使分享網絡上的內容變得困難。如果您在移動網站上共享某個網址,即使用戶在桌面上打開該網址,訪問該網址的所有用戶都會顯示該移動版本。

如果您使用django創建站點的桌面版本,則可以使用類似django_mobile的內容來爲移動版本提供相同的URL。它從HTTP標頭中嗅探用戶代理並提供適當的版本。有些人認爲這不太可靠,更喜歡前一種方法。

+1

從同一個URL提供不同的HTML負載對前端緩存不利。 Vary:用戶代理緩存行爲破壞緩存性能。更多信息:https://github.com/miohtama/detectmobile.js – 2011-12-28 09:47:52