我想爲其移動版本複製網站。該網站有滑塊,只是標題,頁腳和下拉。如何使我的網站的移動版本,將在Android,iPhone,iPad的工作?
難道我們能夠做出確切的事情對移動(在我的情況下,我所說的滑塊和下拉jQuery的製造)。
我要的是讓移動一樣的感覺,因爲我們有正常的網站。就像我在視頻例子中看到的那樣,人們爲ipad顯示(演示),點擊菜單和頁面的iphone向右滑動,並顯示爲新頁面。我不想要這個。
我想選擇在移動版現有的主題和顏色方案。
我該怎麼做。
我想爲其移動版本複製網站。該網站有滑塊,只是標題,頁腳和下拉。如何使我的網站的移動版本,將在Android,iPhone,iPad的工作?
難道我們能夠做出確切的事情對移動(在我的情況下,我所說的滑塊和下拉jQuery的製造)。
我要的是讓移動一樣的感覺,因爲我們有正常的網站。就像我在視頻例子中看到的那樣,人們爲ipad顯示(演示),點擊菜單和頁面的iphone向右滑動,並顯示爲新頁面。我不想要這個。
我想選擇在移動版現有的主題和顏色方案。
我該怎麼做。
爲此,我們有一些所謂的自適應網頁設計:)
,你可以看看這裏:
http://www.netmagazine.com/tutorials/build-responsive-site-week-designing-responsively-part-1
您需要使用媒體查詢http://www.w3.org/TR/css3-mediaqueries/
與媒體查詢ü可以設置其它設備的款式和互救HTML ...
這個話題不是簡單地加入幾行代碼要複雜得多,但這裏是我能提供:
如果你想單獨的移動和桌面(這我會建議反對)你將不得不做一些設備嗅探。最簡單的方法可能是檢查屏幕大小和重定向,如果它在320px或任何大小你決定。
這會讓你的頁面加載慢一點,因爲你將不得不等待頁面解析屏幕尺寸檢測腳本,檢查,看看他們的屏幕太小,然後重定向。這在移動設備上需要很長時間,並且由於加載時間較慢,您不會製作任何粉絲。
自適應設計是一種最佳的解決方案。我認爲你應該退後一步,考慮爲什麼你希望你的網站分成兩個不同的網站,並且你將有能力不斷維護這兩個網站。
而不是響應式設計,您可以使用DDR到您的內容更符合特定移動設備:http://wurfl.sourceforge.net
我想這兩個網站作爲separate.thanks尋求幫助。 – user1460904 2012-08-06 18:28:09
而不是寫兩次相同的網站,你可以編寫一次代碼,並使其在每個設備上運行,其時間節省也:) – Shreedhar 2012-08-06 18:30:09