手机网站和电脑网站具体有什么区别？

随着4G及5G网络的大力发展，互联网已成为日常生活必不可少的一部份，而现在手机网站的使用率远远已经超过电脑网站的使用率了，因为用户终端的转移，企业们也纷纷开始建设手机网站，目前主要和大家分享手机网站和电脑网站有什么区别呢？

一、设计区别较大

电脑网站设计宽度一般是1024px-1300px，现在1200px用的比较多，一屏内显示的内容信息非常多、非常丰富，用户体验也很好。

而手机网站一般是全屏设计的，宽度在280px-480px，因为屏幕宽度的原因，显示的内容较为紧凑、简洁、内容较少。

二、前端技术稍有区别

虽然都是用的HTML、CSS技术来排版，但我们在做手机网站的时候一般会引入一个前端框架，前端框架预定义了很多通用类，用框架来写手机网站页面的代码会省事很多。

定义元素的宽高大小的单位也有区别，电脑网站一般用标准的px单位，而手机网站则会使用比例单位rem。

手机网站的排版思路比较电脑网站来说也会发生变化，手机网站更注重于比例排版，而电脑网站却更注重于像素级排版，手机网站建设一般宽度均使用百分比来实现，其主要目的可以解决各种兼容问题。

三、用户群体的区别

访问电脑网站需要有电脑设备，对于没有电脑的用户，或者不方便使用电脑的用户，会造成极大困扰，从而降低用户体验。

而手机版网站就不同了，手机因为是便携设备，因此可以随时随地访问网站，用户可能没有电脑，但一般不会没有手机。

但这也不是说一个网站光有手机版就行了，如果一个网站只有手机版而没有电脑版，用户使用电脑设备来访问网站时，呈现给用户浏览的是手机版网站，那么用户体验也同样不好。

因此网站有两种用户群体：电脑用户群体，手机用户群体。

正因为网站有两种用户群体，所以现在做网站的话，电脑网站和手机网站都要做，缺一不可。