2012-06-28 27 views
0

我正在創建一個移動網站,並首次在WAP上工作,我主要關心的是該網站應該在所有手機上正確呈現。開發手機的提示ste

所以,我正在考慮調整響應式設計方法。 但後來我發現這個網站:

http://www.webdesignshock.com/responsive-design-problems/ http://dapurpixel.com/blog/articles/responsive-web-design-pros-and-cons/

所以,請同時提供開發移動網站遵循一些最佳實踐。我GOOGLE了它,但它顯示了我的教程,爲響應式設計,我不知道這是最佳的方法。

謝謝

+0

我使用這個:http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/。我也使用SMACSS方法。 – Lowkase

+0

嘿,非常感謝,我一定會研究它。但是我想要一個更多的建議,現在現有的開發團隊通過PHP檢測手機並獲取其寬度n,然後寬度存儲在CSS變量中,其餘元素獲取CSS屬性與包裝div定義。所以,這種方法更好?希望你得到我想傳達的東西。 – user1483487

+0

這是一個有趣的方法。 DARL方法基於設備寬度範圍的佈局。因此,在一個範圍內,您可以定位手機,流體佈局會拉伸或收縮到設備視口。然後有平板電腦,臺式機等的範圍。特定像素寬度的編碼是一場失敗的戰鬥,只有太多設備以不同的視口尺寸進入市場。 – Lowkase

回答

0

這一切都取決於您創建的網站。某些類型的網站(如博客)很容易作爲響應式設計。但其他一些網站(電子商務,新聞雜誌,深度網站)應該專門針對手機和平板電腦進行調整。爲什麼?因爲使網站適應其寬度和列布局往往是不夠的。

還要記住一些功能,如鼠標懸停對於平板電腦用戶來說相當複雜。因此,點擊打開手風琴菜單的菜單更簡單,感覺更合適。創建一個適用於每個人的設計(一種設計來統治全部)可能需要更多時間來實現,而不是簡單地爲手持設備創建特定版本的網站。

所以這一切都取決於您的網站的性質。