iT邦幫忙

0

自適應網站的做法??

目前想要製作自適應網站,
因為原本的網站是寫電腦版的,如果用手機瀏覽,字和圖片都會太小。

我的網頁主要是讓客戶訂貨,圖片沒有很多,
幾乎都是中文字、數字,訂貨畫面是密密麻麻的。

有朋友建議用user agent string的方法設計,
另個朋友建議寫RWD?

請問各位,哪種方式比較容易完成呢?
各有什麼優缺點??

gameboxer iT邦新手 4 級 ‧ 2019-06-14 14:50:56 檢舉
__
優悠 iT邦新手 4 級 ‧ 2019-06-14 15:36:40 檢舉
響應式網頁設計(英語:Responsive web design,通常縮寫為RWD),或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法,該設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。
以上來自維基百科
0
浩瀚星空
iT邦大師 1 級 ‧ 2019-06-14 15:05:28
最佳解答

容不容易完成。得看你電腦板的css下定架構來決定。

重點是,你得了解何謂是rwd的寫法才行。
自適應的寫法有非常多種處理的方式。

這都得先知道你電腦版的css架構才能了解該往哪個方向去進行。

但無論怎麼做,都是一件苦手的工。不要想太簡單就能解決的方式。

0
舜~
iT邦研究生 3 級 ‧ 2019-06-14 15:02:53

用RWD的好處...不用開發手機板APP 就可以橫跨android / ios了
當然如果有使用到需要硬體裝置的功能那還是要額外開發app~XD

自行開發的話(前端)...最快最無腦的方法是使用bootstrap,不過缺點就是看起來跟大家都一樣,都很相似,不過不是特別要展示'藝術/特效',bootstrap就很足夠了

不是自行開發的話...直接找有RWD的網頁樣板來使用就可以了

或是拿像wordpress+RWD佈景主題來開發

user agent string...(不熟)
可針對不同環境來進行不同的處理,看起來與RWD不衝突。沒特別的需求基本上應該用不到吧?
舉例...排斥IE,只要是IE瀏覽器就不顯示內容...

0
gameboxer
iT邦新手 4 級 ‧ 2019-06-14 15:08:19

要完美版型自適應套bootstrap
但是你不夠了解html跟css要用原本電腦版架構改,套起來也不會太輕鬆

另外折衷方式文字改rem格式,就針對文字去作優化
然後head添加
<meta name="viewport" content="width=device-width; initial-scale=1.0">
並使用css @media 調整不同解析度螢幕文字大小

參照
https://www.ibest.tw/page02.php

我要發表回答

立即登入回答