web 設計師真的可以忽視 ie6 了嗎?顯然不能,使用 ie6 的仍大有人在。本文蒐集了最新的 web 瀏覽器,螢幕解析度以及作業系統的分布資料,web 設計師可以籍此對自己的設計做一調整,比如,1024 以下的螢幕真的很少了,如果硬要照顧這個解析度,你會發現,乙個 800 畫素寬的頁面在 1440 的螢幕上看上太古怪了。本文資料來自 wikipedia (os | browser ), market share 等**。
可以看出,1024 以下的螢幕所佔的比例已經很小了,其中,800x600 的螢幕只佔 3.69%,所以,現在的 web 設計師,除非做的是彈性頁面設計,一般不會考慮 800 寬的螢幕,否則,800 畫素寬的頁面放在 1440 寬的螢幕上瀏覽實在是太不協調了。
其它螢幕尺寸佔了 10.38%,我猜想,這 10.38% 中多數應該是移動瀏覽器,因為 wap 一直沒有真正發展起來,因此,單獨針對移動瀏覽器進行設計也未必值得,opera mobile 這樣的瀏覽器已經可以象桌面瀏覽器那樣渲染網頁,同樣,那些基於**渲染的瀏覽器更是和桌面的渲染結果沒有什麼區別,差別的只有螢幕尺寸,然而,移動裝置 的螢幕尺寸實在太小了,只能讓它自己左右滾動吧。
值得一提的是 iphone,鑑於它的流行,很多部落格站點都推出 iphone 版,wordpress 已經支援 iphone,然而僅限於布局相對簡單的部落格類站點,普通的站點,在 320 畫素的螢幕上是很難不用滾動條完成布局的。
這是國外的資料,是不是有些意外,ie6 的市場占有率仍然如此之高(國內還要高),僅次於 firefox,因此,那些憤憤然聲稱不再支援 ie6 的設計師是不明智的。
firefox 居首是
實至名歸,chrome,safari,opera 仍是小眾,不過鑑於 google 的能力,chrome 會有大作為。
作業系統分布沒有什麼懸念,windows xp 和 vista 佔了9成,linux 一直很努力,但份額仍然只有 1%。
瀏覽器解析度自適配
主要用到的兩段 window.onresize function 檢測視窗尺寸變化 document.body.clientwidth 當前螢幕寬度 檢測變化 window.onresize function var mainele document.getelementbyid main func...
常見的瀏覽器解析度
測試web網頁的適配,必須要了解下最主要的解析度,以及最低適配 16 9寬高比常見的解析度有四種 1280 720 17吋 1366 768 1360 768 18.5吋 1600 900 20吋 1920 1080 21.5 23 23.6 24 24.6 25 27 1280 800是筆記本常用...
web開發 相容不同的螢幕解析度和瀏覽器
一 css 查詢 使用 css3 的 media 查詢,你可以針對不同的 型別定義不同的樣式。它的語法結構是 media mediatype and not only media feature 12 3我們在實際開發專案中針對常見的可以這樣寫,比如 最大螢幕解析度為1280px media scr...