美通云动—云适配

↑

移动端尺寸繁多，包括IOS和安卓，尺寸多达十余种，所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸，方便设计师和前端去考虑适配。但是最好还是针对自己的产品做调查，根据数据去做主流适配。

Iphone&Ipad&Android&WEB

全部规范全在这儿了！！

火速收藏~

1

iPhone的设计尺寸

iPhone界面尺寸：

iPhone图标尺寸：

2

iPad的设计尺寸

iPad界面尺寸：

iPad图标尺寸：

3

Android的设计尺寸

屏幕尺寸

指实际的物理尺寸，为屏幕对角线的测量。

为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。

像素（PX）

代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。

屏幕密度

为解决Android设备碎片化，引入一个概念DP，也就是密度。指在一定尺寸的物理屏幕上显示像素的数量，通常指分辨率。 为了简单起见，Android把屏幕密度分为了四个广义的大小：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi） 像素= DP * （ DPI / 160 ) 例如，在一个240dpi的屏幕里，1DP等于1.5PX。

于设计来说，选取一个合适的尺寸作为正常大小和中等屏幕密度（尺寸的选取依据打算适配的硬件，建议参考现主流硬件分辨率），然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。

典型的设计尺寸

· 320dp：一个普通的手机屏幕（240X320，320×480，480X800）

· 480dp：一个中间平板电脑像（480×800）

· 600dp：7寸平板电脑（600x1024）

· 720dp：10寸平板电脑（720x1280，800x1280）

Android安卓系统dp/sp/px换算表

主流Android手机分辨率和尺寸

3

Web的设计尺寸

Windows XP任务栏的高度30px Windows 7任务栏的高度40px

主流浏览器的界面参数

系统分辨率统计

安全分辨率为1024 × 768 px 可建议大分辨率为1280 × 800 px

综合分辨率及浏览器下的统计数据

网页宽度与首屏高度

安全宽度1002 px 可建议较大宽度1258 px

Window XP首屏大小580 px Window 7 首屏大小710 px

---

（来源：设计的法则）

「云适配」一行代码开启移动营销

云适配是一项全球独一无二的网站跨平台适配的移动化技术，是指只需在原网站中插入一行代码，实现网址不变、内容实时更新的网站移动化适配技术，它颠覆了传统手工移动网站建设模式，实现快速打开移动营销六大入口。该技术已获得国际专利，客户包括500强企业，美国政府，并已与联想、中国电信、探路者、中国青年报，中国企业家杂志等4000余单位建立合作关系。

• 诚招代理商 [e-mail]

• 招兵买马 [e-mail]

• { 优质程序猿+几个女神+两个酷炫老板+一只萌猫 }在等你！

▲点击右上角按钮分享到朋友圈

▼点击左下角「阅读原文」前去官网体验