我正在開發一個網站,但我不知道最低'支持'分辨率應該是什麼。我知道它會在所有解決方案中起作用,但通過「支持」,我的意思是所有內容都適合在頁面中,而不會左右滾動。我是否應該考慮'支持'1024x768?最低支持分辨率應該爲網站提供什麼?
回答
不是現在,因爲我打算以後製作一個移動網站。
我將重點放在這個答案的東西的桌面端。
根據Net Applications,1024x768是目前最流行的分辨率,超過15%。 「桌面」尺寸的下一個步驟是800x600,但它只佔0.89%的份額,因此您可能不必在臺式機網站上打擾支持分辨率低於1024x768的分辨率。
這裏沒有一個正確的答案,除了「瞭解你的聽衆」之外。這在開發初期並不是一件容易的事情,除非您針對的是特定的小衆用戶。
一個通用的網站常見的方法是檢查流行的網站目前的瀏覽器顯示的統計數據:
1024×768仍然是一個非常流行的分辨率和安全的賭注。而且,雖然我還沒有找到任何官方統計數據,但它顯然是Stack Exchange目標的解決方案。
如果您鏈接到w3schools的某些部分,請參閱[w3fools](http://w3fools.com/)。 – 2012-11-16 17:46:50
@JonasWielicki雖然我很清楚w3schools主機上的大量不準確的信息,但我真的不認爲w3fools在這裏是相關的:我鏈接到他們的瀏覽器顯示統計信息,而不是他們的內容。幫助提高對w3schools不準確性的認識是完全正確的,但請不要過分。 – yannis 2012-11-16 17:52:06
桌面瀏覽器內容的安全寬度爲960像素,在其他答案中提到的非常常見的1024x768顯示器上留下足夠的空間,以獲得簡單的背景。對於grid layouts,960px的寬度也很友善。
如果您想要更靈活的路線和支持而不必擔心某些範圍的分辨率(移動設備可能無所謂)太多,請考慮liquid layouts。
我100%贊同@Yannis這個,它的目標受衆問題。對於全球觀衆來說,1024寬是一個很好的基準,但是如果你的網站不是「普通」互聯網用戶,那麼你可能有一個很好的理由來使用更寬的(或更窄的佈局)。例如,如果你的目標用戶是1280或者1600甚至可以接受。
另一種可能性是使用許多現代網站使用的可變佈局。這意味着根據當前用戶的瀏覽器寬度來調整你的寬度(或甚至整個CSS)。這給您的網站帶來非常時尚的感覺。
使用變量佈局的一個非常好的例子是在Trello應用程序中。
我通常在1920x1080的顯示屏上(或兩到三個),但是在我創建的每個網站上,1024是最受歡迎的分辨率(至少是上次我查看的),而不管觀衆。但是,如果您事先了解您的受衆羣體,只要符合他們的需求,任何目標解決方案都是可以接受的。同意,1280/1600對於有能力的用戶會很好。 – yannis 2012-04-14 06:02:35
@YannisRizos是啊我們大多數技術人員生活在1600以上,屏幕寬度的巨大變化是非固定寬度網站的一大驅動力,如果您像我們一樣,使用更寬的佈局查看網頁會更有意義if可能。另外,大多數新的消費類顯示器都採用1920x16x9寬高比進行1080p播放。這意味着使用1024佈局,大量的人只能使用他們可用房地產的50% – 2012-04-14 06:09:03
1024x768應該沒問題。但找出簽署支票的人使用的分辨率,並嘗試開發液體佈局以避免側向滾動。
- 1. 同時支持高分辨率和低分辨率圖像
- 2. 爲Android開發高分辨率屏幕,但支持低分辨率屏幕
- 3. 什麼是網站的最佳/最小分辨率?
- 4. Silverlight支持的最大分辨率圖像文件是什麼?
- 5. 如何使用C#以低分辨率形式提供高分辨率圖像
- 6. 高分辨率支持 - Android
- 7. 支持哪些Android應用分辨率?
- 8. HTML5網站,以支持不同的屏幕分辨率
- 9. CSS設計網站浮動錯誤(低分辨率與高分辨率)
- 10. 什麼是不支持分辨率低於320x480的正確方法
- 11. 爲什麼PhpUnit數據提供商降低覆蓋率分數?
- 12. 爲什麼網站不縮小到目標分辨率
- 13. 網站分辨率問題
- 14. 適應網站分辨率的iframe
- 15. 爲什麼Silverlight不提供IME支持?
- 16. 支持多種分辨率時的分辨率與尺寸
- 17. 使用ScrollViewer支持較低的分辨率
- 18. Android上我的Android OpenGL應用程序的用戶分辨率低於支持的分辨率
- 19. 爲什麼SBT自定義插件分辨率較低
- 20. 爲什麼ReactNative Dimensions組件報告降低了分辨率?
- 21. 網站分辨率修復Javascript中的所有分辨率
- 22. 網站屏幕分辨率自動分辨率
- 23. 是否可以從網站下載低分辨率的圖像?
- 24. ASP.Net網站網址分辨率
- 25. 如何降低Android的屏幕分辨率,以支持低內存
- 26. 什麼是我們可以爲webrtc視頻設置的最低分辨率?
- 27. Android多重分辨率支持
- 28. 支持libgdx的多圖像分辨率
- 29. 支持高分辨率的MobileFIrst
- 30. jQueryMobile支持不同的分辨率
小屏幕手機怎麼樣?你想支持這些嗎? – 2012-04-14 05:26:44
目前還不是,因爲我打算以後再製作一個移動網站。 – 2012-04-14 05:27:24