如果要建置行動裝置網頁的話，通常都是以寬度100%來去建置的，
然後讓版型自適應延伸比較多，所以並沒有所謂開版要開大還是要開小的問題，
像利用jquery mobile的東西就是典型以百分比伸縮的流體設計來進行建置的framework，
<meta name="viewport" content="width=device-width, initial-scale=1.0">
這段語法則是說將網頁瀏覽器上的寬度將等同於行動裝置的寬度，
有點像是reset.css的概念，簡單說就是將載具上的瀏覽器預設的寬度給初始化的意思。
在以往由於智慧型手機尚未普及的關係，
所以開版都會單純開固定開240的版(PDA)，
但隨著最近行動裝置的普及，WEB開發人員也很難去做固定客製化版型了，
我這裡之前在教課時有整理一些jquery mobile和responsive design的範本資源，
有需要的話再請私信給我你的MAIL，我再將檔案傳給你唄。
※ 引述《toshii (芬達)》之銘言：
: 請問在開發手機版的網頁時
: 應該一開始就把畫面做小還是做到跟手機銀幕一樣大?
: 因為點到text的時候,
: 手機的browser會自動focus在text上, 並放大
: 我剛開始做的跟手機銀幕一樣大,寬大概900多
: 放在手機上看起來大小剛剛好,但點到text一自動放大
: 就大到整個銀幕只有那個text欄位,有點嚇人
: 所以我把畫面改小一點,寬大概300多
: 就不會有text放大過頭的情況
: 但圖就必需事做小小的
: 縮放放大之後不是那麼好看
: 不知道有製作過手機網頁的人
: 是如何定body內容的寬
: 是把寬度寫死還是用% ?
: 我有加上meta name="viewport" content="width=device-width
: 這必需一開始畫面就做的比較小, 才能發揮作用吧
: 像我一開始就想把<body>做的很大, 是否是錯的?
: 因為text的問題...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.39.3.66