目前想要製作自適應網站，
因為原本的網站是寫電腦版的，如果用手機瀏覽，字和圖片都會太小。
我的網頁主要是讓客戶訂貨，圖片沒有很多，
幾乎都是中文字、數字，訂貨畫面是密密麻麻的。
有朋友建議用user agent string的方法設計，
另個朋友建議寫RWD?
請問各位，哪種方式比較容易完成呢?
各有什麼優缺點??
已邀請的邦友 {{ invite_list.length }}/5
容不容易完成。得看你電腦板的css下定架構來決定。
重點是，你得了解何謂是rwd的寫法才行。
自適應的寫法有非常多種處理的方式。
這都得先知道你電腦版的css架構才能了解該往哪個方向去進行。
但無論怎麼做，都是一件苦手的工。不要想太簡單就能解決的方式。
用RWD的好處...不用開發手機板APP 就可以橫跨android / ios了
當然如果有使用到需要硬體裝置的功能那還是要額外開發app~XD
自行開發的話(前端)...最快最無腦的方法是使用bootstrap，不過缺點就是看起來跟大家都一樣，都很相似，不過不是特別要展示'藝術/特效'，bootstrap就很足夠了
不是自行開發的話...直接找有RWD的網頁樣板來使用就可以了
或是拿像wordpress+RWD佈景主題來開發
user agent string...(不熟)
可針對不同環境來進行不同的處理，看起來與RWD不衝突。沒特別的需求基本上應該用不到吧?
舉例...排斥IE，只要是IE瀏覽器就不顯示內容...
要完美版型自適應套bootstrap
但是你不夠了解html跟css要用原本電腦版架構改，套起來也不會太輕鬆
另外折衷方式文字改rem格式，就針對文字去作優化
然後head添加<meta name="viewport" content="width=device-width; initial-scale=1.0">
並使用css @media 調整不同解析度螢幕文字大小
iThome鐵人賽
看影片追技術