手机设计 手机端网页设计尺寸多少？

手机端网页设计尺寸多少？iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPIiPhone4和iPhone4S尺寸是640x960px分辨率是326PPIiPhon

手机端网页设计尺寸多少？

iPhone手机网页的设计尺寸

iPhone5尺寸是640x1136px分辨率是326PPI

iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI

iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓网页的设计尺寸

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

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

600dp：7寸平板电脑（600×1024）

720dp：10寸平板电脑（720×1280，800×1280）

ipad网页的设计尺寸

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI

iPad第一代第二代尺寸是1024x768px分辨率是132PPI

iPad Mini尺寸是1024x768px分辨率是163PPI

手机端网页尺寸是多少？

我们在做手机网站的时候，一定要关注手机网站的页面尺寸，网站页面尺寸的大小直接影响到网站的美观度，以及用户的体验。尺寸的定位也叫做兼容性，兼容性也包括很多方面，并不是尺寸定位这一点。由于PC端网站的尺寸都是可以固定的，而固定的点也体现在宽度上。PC端网站常用的宽度尺寸是1024像素（px），不需要前端人员在这个页面的基础上耗费功夫。但是对于手机网站就要特别注意了，如果我们用640px作为标准，那么当用户用320px的手机访问的时候，守旧就只能显示网站的一半大小。如果出现这种情况，就会影响用户体验，用户会直接关闭网站。所以，当我们在做手机端网站的时候，一定要先了解目前主流手机的尺寸大小。而目前主流手机有IOS系统和Android系统，我们只需要了解这两个系统下的手机的各种尺寸就可以了。

1、IOS系统

IOS系统的苹果手机，从iphone 4到现在iphone xs max，尺寸也是越来越大。对于IOS系统的手机，一般只要考虑两个尺寸就可以了，一个是720px，另一个是1080px。如果是平板电脑的话，也可以通过跳转来识别，但很多企业会建立一个以ipad为首的网站，方便ipad用户来访问。

2、Android系统

Android系统常见的手机尺寸有480、720和1080px三种。

3、主流尺寸

对于手机网站的建设，更多的是针对320、480、640px。所以前端技术只需要进行一段简单的判断就可以了。当然，如果还有其它尺寸，也可以进行再次识别。

4、识别

一个手机网站之所以会出现半屏或者超屏的现象，完全是因为字体大小的原因。所以，在手机网站更多时候不会使用px来写代码，而会使用em或者rem进行一种自适应的区分。但要记住em和rem不能同时出现在同一个页面中，不然就会出现一大一小的加载停留情况。

手机APP的开发和网站的开发是不是完全不同？

虽然手机App开发与网站开发会采用不同的编程语言，但是从技术体系结构上来看，手机App开发和传统的网站开发（静态为主）都属于前端开发的范畴，所以二者之间还是有很多相似之处的。目前不少开发团队已经把Web前端开发和移动端开发统一并入了前端开发团队，这其实对于前端开发人员来说，也提出了新的要求，就是要进一步拓展自身的知识面。

目前手机开发总体上来说分为两大部分，一部分是全新的App开发，涉及到Android开发和iOS开发两大块，另一部分是基于已有的App进行二次开发，比如各大互联网平台都基于自身的App开放了小程序开发接口，这一部分开发任务也是比较多的，而且未来的发展空间也相对比较广阔。

随着物联网的不断发展，未来移动互联网与物联网将深度整合，因此未来手机端开发将向物联网领域覆盖，这也需要开发人员进行一定程度上的知识更新。总体上来说，手机端开发对于业务逻辑还是有一定要求的，也具有一定的开发难度，但是在云计算技术逐渐成熟的当下，手机端的开发难度也在下降。

从技术体系上来看，手机端开发需要掌握三大块内容，其一是Android开发技术，涉及到Java和kotlin两门编程语言，其二是iOS开发，涉及到OC和Swift两门编程语言，其三是各种手机Web开发和小程序开发，主要涉及到JavaScript语言。

相对于手机端开发来说，Web前端开发主要涉及到Html、CSS、JavaScript以及一系列开发框架，随着Nodejs的应用，目前Web前端开发人员也需要掌握一定的后端开发知识。

我从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，我会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注我，相信一定会有所收获。

如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以在评论区留言，或者私信我！