中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

今天看云謙的blog 看到該文章，覺得不錯 mark一下

對于首屏估計大家都會關注，但設計稿發到不同的人 由于分辨率不同，體驗效果其實也不同

正好內部在做新的設計稿也推薦給設計師看了一下 之前注意首屏并沒有通過這樣詳細的統計分析來獲得首屏高度

根據內部統計系統中的操作系統、瀏覽器分布和屏幕分辨率等數據，結合瀏覽器狀態欄、任務欄等高度進行分析：

得出兩條首屏線，分別為 580 和 710，對應不同的分辨率。

==

C 再從實際用戶的角度出發，在某應用布點進行用戶數據的收集，分析用戶實際的分辨率和瀏覽器可見區域：

1. 分辨率

1) 1024×768, 1440×900, 1366×768, 1280×800 仍占了絕大多數
2) 分辨率總類非常多，除上面列出的之外，other 里包含了幾十種分辨率
3) 800×600，1024×600 等 600 高度系列的已逐漸推出舞臺

2. 用戶可見區域高度

具體數據舉例：

測試用戶總數量為 261645)

1) viewport 高度低于等于 580 的有 116786 個人，占 44.64％
2) viewport 高度低于等于 720 的有 216227 個人，占 82.64％
3) viewport 高度低于等于 800 的有 241420 個人，占 92.27％
4) viewport 高度低于等于 900 的有 259174 個人，占 99.06％

==

接著，D 根據 C 的數據，生成瀏覽器可見區域的熱區圖

最后結論如下：

1. 根據 D 的熱點圖，可以看到如果首屏高于 600 像素會有很多用戶看不完整。所以請設計師以 600 像素高為首屏進行設計。
2. 根據 C 的曲線圖和 80/20 原則，首屏設為 710 像素可以照顧到 80% 的用戶。所以前端開發可考慮把 710 像素視為首屏，對首屏的資源進行優先加載。

來源：http://www.iamued.com/design/1941.html