返回首页

用心做设计的大神都在关注老姜尺寸

配色 素材 公众号
每晚8点，咕咕咕

设计师需关注《鸡米社》
Windows
Mac OSX
浏览器/系统
一个网页的尺寸设置和浏览器与系统的尺寸大为相关，我们不可能满足所有用户的最佳尺寸，但我们能做的是让绝大多少用户感觉是最佳的。
  • 任务栏的高度 30px
  • 任务栏的高度 40px
  • 任务栏的高度 40px
  • 任务栏的高度 40px
浏览器 谷歌浏览器 火狐浏览器 IE浏览器 360浏览器 Safari浏览器 搜狗浏览器 傲游浏览器
状态栏 22px（浮动出现） 20px 24px 24px --- 25px 24
菜单栏 60px 132px 120px 140px --- 163px 147
滚动条 15px 15px 15px 15px --- 15px 15px
系统分辨率
对大于30W台客户端用户进行测试，得到的测试数据如下（数据统计于2016年03月网络）
  • 电脑安全分辨率 1024 X 768 px
  • 建议大分辨率 1280 X 800 px
  • 网页安全宽度 1002 px
  • 建议较大宽度 1258 px
浏览器首屏高度：即电脑屏幕除掉任务栏、浏览器菜单栏以及状态栏后剩下的网页第一屏显示高度。
常见分辨率1024×768下的网页首屏高度平均值是584px
综合分辨率及浏览器统计数据，安全高度 580 px
常见分辨率1440×900下的网页首屏高度平均值是716px
综合分辨率及浏览器统计数据，安全高度 710 px
常见分辨率1920×1080下的网页首屏高度平均值是905px
综合分辨率及浏览器统计数据，安全高度 900 px
常见分辨率1920×1080下的网页首屏高度平均值是905px
综合分辨率及浏览器统计数据，安全高度 900 px
分别率 占有率
1920x1080 px 13.91%
1366x768 px 9.75%
1440x900 px 7.73%
1280x720 px 7.11%
1024x768 px 5.40%
1600x900 px 3.55%
设备尺寸
设备 操作系统 物理尺寸 长/宽 设备宽度 分辨率 密度 长宽比
MacBook Pro 15英寸(高分辨率) OS X 15.4" / 39.0cm 1680x1050px 1680 px 120 px 100% MDPI 8:5
MacBook Pro 15英寸(2006-2012) OS X 15.4" / 39.0cm 1440x900px 14400 px 110 px 100% MDPI 8:5
MacBook Pro 17英寸(2007-2011) OS X 17.3" / 44.0cm 1920x1200px 1920 px 131 px 100% MDPI 8:5
MacBook Pro 13英寸(视网膜显示屏) OS X 13.3" / 34.0cm 2560x1600px 1280 px 227 px 200% MDPI 8:5
MacBook Pro 15英寸(视网膜显示屏) OS X 15.4" / 39.0cm 2880x1800px 1440 px 220 px 200% MDPI 8:5
iMac 27英寸(2009-2012) OS X 27.0" / 69.0cm 2560x1440px 2560 px 109 px 100% MDPI 16:9
iMac 21.5英寸(2009-2012) OS X 21.5" / 55.0cm 1920x1080px 1920 px 102 px 100% MDPI 16:9
MacBook Air 13英寸(2010-2012) OS X 13.3" / 34.0cm 1440x900px 14400 px 128 px 100% MDPI 8:5
MacBook Air 11英寸(2010-2012) OS X 11.6" / 29.0cm 1366x768px 1366 px 135 px 100% MDPI 16:9
MacBook Pro 13英寸(2009-2012) OS X 13.3" / 34.0cm 1280x800px 1280 px 113 px 100% MDPI 8:5
Apple 30" Cinema Display OS X 30.0" / 76.0cm 2560x1600px 2560 px 100 px 100% MDPI 8:5
Apple Thunderbolt Display OS X 27.0" / 69.0cm 2560x1440px 2560 px 109 px 100% MDPI 16:9
联想THINKPAD X230 Windows 12.5" / 32.0cm 1366x768px 1366 px 125 px 100% MDPI 16:9
戴尔 Inspiron 14 series 36" Windows 14.1" / 36.0cm 1600x900px 1600 px 130 px 100% MDPI 16:9

你正在和 1,798,000+ 人一起为更标准的设计而努力, 老姜尺寸最权威的设计尺寸标准分享网站

微信支持

随意打赏，用于升级服务器

 老姜尺寸！ 蜀ICP备09037253号