作者toshii (芬達)
看板Web_Design
標題[請益] 手機版的網頁
時間Fri Dec 28 01:12:44 2012
請問在開發手機版的網頁時
應該一開始就把畫面做小還是做到跟手機銀幕一樣大?
因為點到text的時候,
手機的browser會自動focus在text上, 並放大
我剛開始做的跟手機銀幕一樣大,寬大概900多
放在手機上看起來大小剛剛好,但點到text一自動放大
就大到整個銀幕只有那個text欄位,有點嚇人
所以我把畫面改小一點,寬大概300多
就不會有text放大過頭的情況
但圖就必需事做小小的
縮放放大之後不是那麼好看
不知道有製作過手機網頁的人
是如何定body內容的寬
是把寬度寫死還是用% ?
我有加上meta name="viewport" content="width=device-width
這必需一開始畫面就做的比較小, 才能發揮作用吧
像我一開始就想把<body>做的很大, 是否是錯的?
因為text的問題...
--
看不見太陽那就賞月吧
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.40.67.195
→ akiratw:行動裝置解析度百百種，怎麼寫死… 12/28 01:16
→ chrisQQ:如果想做到完美… css media query 針對不同解析度下去寫 12/28 02:01
→ ducksteven:↑我沒試過，但最近也遇到類似的問題，還沒解，你試試~ 12/28 02:24
推 EROS4:最基本至少要是fluid layout 12/28 07:32
→ superpai:哪隻手機寬900? @@ iPhone retina的是算寬480不是960喔 12/28 08:07
→ dlikeayu:responsive design 12/28 09:24
推 RockChicken:我是用寫死的方式來做，強迫所有裝置以640px的寬來看 01/14 15:12
→ RockChicken:有需要詳細說明可以再寄站內信給我ˊˇˋ 01/14 15:12