[請益] 手機版的網頁

看板Web_Design作者 (芬達)時間13年前 (2012/12/28 01:12), 編輯推噓2(208)
留言10則, 7人參與, 最新討論串1/2 (看更多)
請問在開發手機版的網頁時 應該一開始就把畫面做小還是做到跟手機銀幕一樣大? 因為點到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

12/28 01:16, , 1F
行動裝置解析度百百種,怎麼寫死…
12/28 01:16, 1F

12/28 02:01, , 2F
如果想做到完美… css media query 針對不同解析度下去寫
12/28 02:01, 2F


12/28 02:24, , 4F
↑我沒試過,但最近也遇到類似的問題,還沒解,你試試~
12/28 02:24, 4F

12/28 07:32, , 5F
最基本至少要是fluid layout
12/28 07:32, 5F

12/28 08:07, , 6F
哪隻手機寬900? @@ iPhone retina的是算寬480不是960喔
12/28 08:07, 6F

12/28 09:24, , 7F
responsive design
12/28 09:24, 7F

01/14 15:12, , 8F
我是用寫死的方式來做,強迫所有裝置以640px的寬來看
01/14 15:12, 8F

01/14 15:12, , 9F

01/14 15:12, , 10F
有需要詳細說明可以再寄站內信給我ˊˇˋ
01/14 15:12, 10F
文章代碼(AID): #1Gt86FM8 (Web_Design)
文章代碼(AID): #1Gt86FM8 (Web_Design)