這篇文章不是關於代碼語法，而是關於工作策略，然後纔開始開發網站。media-queries VS.流體網格對於不同的移動格式
如果我需要爲智能手機（Androids {3種不同尺寸}，iphones {2 differents sizes}和其他非智能手機手機）設計移動站點的前端，我應該如何繼續？ （我的設計必須適用於所有這些設備，並且都適用於這些設備）
1-我應該根據關於靈活圖像和流體網格（靈活DIV：s）的想法設計我的作品。
或
2-爲每個目標模型設置不同的媒體查詢大小？ （該解決方案可能會創造更多的開發工作，不是嗎？）
非常感謝歲的想法...
使用流體網格第一。然後你可以使用媒體查詢做一些最後的調整。像例如如果有空間（橫向模式），則將圖像向右浮動。
這樣你幾乎可以支持所有設備，而不僅僅是大2（儘管黑莓比我相信的Android要大）。
@ YoniGeek;可能是你必須使用fluid layout。
對於這個剛剛定義的screen width代替device width &定義爲cssmaximum device屏幕尺寸。所以;您無需爲不同的設備定義不同的css。
閱讀這篇文章http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
檢查這個網站的靈感http://mediaqueri.es/ &中的所有設備看起來一樣。
這確實是一個偏好問題。您可以使用流體設計，媒體查詢（使用CSS轉換）或所有技術的組合。
在我最近的項目中，我參加了媒體查詢。一旦我完成了基本設計，我花了不到一個小時的時間就可以處理從240像素到960像素寬的各種分辨率。所以更多的開發工作......事實並非如此。
我previous對你的前一個問題的建議仍然有效：
設計（即：一個design.css文件或拆分成多個文件，如fonts.css，typography.css等。 ..）網站沒有定位任何東西。您可以從HTML 5重置開始，實現字體，設置背景，爲鏈接着色，設置輸入樣式但不定位任何東西（例如：如果您有標題，導航，內容和頁腳部分，請勿放置它們） 。
使用媒體查詢（即：layout-240.css，layout-960.css）來定位您的視口並相應地定位每個對象。它們通常會包含少於100行的CSS，並且佔用小於3 KB的磁盤空間，但這無關緊要。