2012-05-10 142 views
23

開發Web應用程序時,過去選擇800px1024px以適合用戶的顯示器。我一直在研究響應式網頁設計和流體設計,看起來它們中的很多定義了寬度。與其他可能的視口默認網頁寬度 - 1024px或980px?

980px新的事實上的標準加入智能手機和平板電腦,以及保理?

謝謝。

+0

我使用垂直顯示器寬1,024像素,並且我開始看到許多流行網站如Facebook和堆棧溢出與滾動條。爲什麼人們會放棄這樣的低寬度? –

回答

6

如果不是,我可以看到標題的方式。

我正在爲我工​​作的公司重新設計網站,他們聘請的設計師使用了960像素寬度的佈局。還有一個960像素的網格系統似乎越來越受歡迎(http://960.gs/)。

我已經出的網頁內容了幾年,但是從我讀過的東西追趕似乎九百八十零分之九百六是正確的。對於移動~320px在我心中,其中960可以被整除。 960也可以被2,3,4,5和6整除。

12

980是不是「事實標準」,你通常會看到大多數人瞄準的尺寸有點小於1,024像素寬,佔了chrome瀏覽器,如滾動條等

通常人們之間960目標和990px​​寬。通常人們使用網格系統(比如960.gs),這個網格系統對於默認的寬度應該是什麼樣的觀點。

另請注意,就在最近,最常見的屏幕尺寸現在的平均尺寸比1024px寬大得多,排列在1366px寬。見http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/

+2

Twitter bootstrap也是980px。 –

27

我的設計大多使用978像素的寬度。 Adv。 978px: 可以除以2,3。

+7

這是聰明的,我不會想到這一點。 –

+0

我使用980,因爲它也分爲2和3列在共同填補處理時因式分解。 – Brad

+3

@Brad 980不分成3 –

3

這是一個有點開放式的問題,因爲屏幕尺寸正在改變所有的時間,什麼可能是正確的前兩年可能會是過時了的。

我使用Twitter的引導3,目前,它使用在設計尺寸範圍從移動/很小一路攀升到巨大的寬屏幕顯示器現在可用的工作流體網格系統。

目前在BS3上默認爲1200像素,其以柵格元件的帳戶利潤率和填充後轉化爲的1144px容器寬度。

以我的經驗,現代設計師正在爲桌面工作的寬度大約爲1366px。我已經實現的所有最新設計都是1366px。

還要注意,你可以自定義BS3網格相當沉重。例如,我們將在我們的網站/設計中使用帶有4像素排水溝的32列網格。

最終,關於頁面寬度的決定需要根據您的網站分析和訪問者通常使用的屏幕大小進行。

2

即使這個問題沒有正確或錯誤的答案,但我個人更喜歡960px的寬度。因爲所有現代顯示器至少支持1024×768像素分辨率。960是被2整除,3,4,5,6,8,10,12,15,16,20,24,30,32,40,48,60,64,80,96,120,160,192, 240,320和480.這使它成爲一個非常靈活的基本號碼。

看到這篇文章,顯示最流行的屏幕在分辨率美國2013 - 2014年和英國: http://www.hobo-web.co.uk/best-screen-size/