[爆卦]網頁尺寸1920是什麼?優點缺點精華區懶人包

為什麼這篇網頁尺寸1920鄉民發文收入到精華區:因為在網頁尺寸1920這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者Ayukawayen (亞布里艾爾發芽>//<)看板Web_Design標題Re: ...


※ 引述《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
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

你可能也想看看

搜尋相關網站