Re: [問題] 網頁製作考慮尺寸的問題?

看板Web_Design作者 (亞布里艾爾發芽>//<)時間10年前 (2013/11/02 23:16), 9年前編輯推噓2(201)
留言3則, 2人參與, 最新討論串2/2 (看更多)
※ 引述《oblivion (遺忘海角)》之銘言: : 想請教一下,大家在設定網頁的 width、height的時候 : 是怎麼設定呢?因為我google網路上有的教學,是說: : 1、800*600下,網頁寬度保持在778以內,就不會出現水平捲軸, : 高度則視版面和內容決定。 : 2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話, : 高度是612-615之間。就不會出現水平捲軸和垂直捲軸。 : 來源:http://www.superpay.com.tw/p377715.html : 這個1024*768是指User的螢幕大小對吧? : 還有很多人省錢不去買寬螢幕嗎Q Q : 所以一般都以1024*768來設計嘍? W3 Schools的統計資料 http://www.w3schools.com/browsers/browsers_display.asp http://www.w3schools.com/browsers/browsers_resolution_higher.asp 2013/01的桌面瀏覽器 90%在1024*768之上, 9%是1024*768, 1%在1024*768之下 8%是1280*800 10%是1280*1024 27%是136x*768 所以以1024*768為目標設計的話,在大概99%的桌面瀏覽器上是可以正常顯示的, 想要大一點的話,1280*768的設計可以在約90%的桌面瀏覽器上正常顯示。 不過,由於現在平板和手機上網的比例上升地非常快,如果要一個網頁同時給桌機和 平板使用,那平板的解析度也要考慮一下。 (手機和桌機要使用同一個網頁版型實在太勉強了點) 當然能做RWD是更好,因為1024*768的版面擺在1920*1080的Full HD螢幕,看起來效果 通常都不會太好。 : 不過現在很多網站是RWD的,我記得可以直接用dreamweaver裡的javascript : 語法讓網頁變RWD(就把body裡的東西全部丟到它寫好的div裡面就好) : 那麼如果它是RWD了,我還要考慮到什麼"水平捲軸"嗎? : 如果還是要考慮,是不是網頁div的寬度就設定成1002以下,然後 : margin: 0 auto置中,背景圖設repeat這樣子呢? : 想請教如果我設定body的寬、高等於100% : 那我的div再設定100%的寬,那個寬是抓使用者螢幕的寬嗎? : 如果是的話,是不是也就是RWD呢? : 新手上路,請多多指教,謝謝大家 <(__ __)> -- 很久沒更新的部落格 http://blog.Ayukawayen.twbbs.org/?ref=ptt -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 218.161.35.51

11/03 09:42, , 1F
RWD也不是一定更好 寬度還是要有限制 不然反而難以閱讀
11/03 09:42, 1F

11/03 09:45, , 2F
當然 實際上還是要看整體版面的設計
11/03 09:45, 2F

11/04 17:54, , 3F
有一種東西叫做 960grid
11/04 17:54, 3F
※ 編輯: Ayukawayen (218.161.35.51), 03/19/2015 00:21:53
文章代碼(AID): #1ITHTbt6 (Web_Design)
文章代碼(AID): #1ITHTbt6 (Web_Design)