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

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不能同时出现在同一个页面中，不然就会出现一大一小的加载停留情况。

学UI设计好，还是网页设计好？

谢谢邀请！

作为一名IT行业的从业者，同时也是一名计算机专业的教育工作者，我来回答一下这个问题。

首先，目前UI设计和网页设计（前端开发）都是不错的选择，一方面这两个岗位的就业空间比较大，另一方面这两个岗位的发展空间也比较大，在薪资待遇方面也还算可观。

至于选择UI设计还是网页设计，需要考虑三方面因素，其一是自身的知识结构、能力特点和兴趣爱好；其二是自身所处的学习环境；其三是自己所拥有的资源，包括学习资源、就业资源等等。如果自身具备一定的绘画基础，同时身边也有专业从事UI岗位的人可以交流沟通，那么选择学习UI设计就比较适合。而如果对于程序设计比较感兴趣，同时也有一定的逻辑思维能力，那么可以考虑学习前端开发的相关知识。

虽然UI设计和网页设计属于两个不同的学习方向，但是随着目前移动互联网、云计算和大数据的发展，UI设计和网页设计岗位的边界正在逐渐模糊，很多UI设计岗位也要求具备一定的网页设计能力，同样网页设计岗位往往也需要有一定的UI设计能力。所以，UI设计和网页设计岗位未来的联系将越来越紧密。

UI设计主要的学习内容集中在交互设计和视觉设计两个方面，需要系统地学习一些设计工具，同时要对流行的计算机技术边界有明确的认知，这样会避免设计出来的内容无法实现的尴尬。而网页设计的主要学习内容集中在Html、CSS和JavaScript上，同时需要学习一系列开发框架以提升设计效率。

总的来说，网页设计和UI设计在难度上并不算高，大部分人通过一个系统的学习过程都能够顺利掌握。

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

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

网站怎么设置手机版？

方法/步骤分步阅读

1

/3

登陆网站后台->设置->手机版->WAP设置->开启Wap功能

设置手机网站网址：勾选自动跳转，直接用手机访问网站域名即可进入手机网站，也可以单独解析绑定好一个二级域名用于手机网站域名。设置手机网站内容：手机网站内容跟电脑网站内容是同步的，勾选与电脑版一致，也可以自定义哪些栏目在手机网站展示，哪些栏目不展示。

2

/3

如何设置手机网站名称和LOGO

网站后台->设置->手机版->WAP设置：手机网站的LOGO高度在46像素以内，宽度在200像素以内为佳。

3

/3

如何设置手机网站Banner

网站后台->外观->手机->模板选择中启用手机模板->再到设置-首页->大图轮播设置：手机网站的Banner尺寸建议是500*500（像素）