推 darKyle:RWD也不是一定更好 寬度還是要有限制 不然反而難以閱讀 11/03 09:42
→ darKyle:當然 實際上還是要看整體版面的設計 11/03 09:45
推 ilay:有一種東西叫做 960grid 11/04 17:54
※ 編輯: Ayukawayen (218.161.35.51), 03/19/2015 00:21:53
※ 引述《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