随着4G及5G网络的大力发展,互联网已成为日常生活必不可少的一部份,而现在手机网站的使用率远远已经超过电脑网站的使用率了,因为用户终端的转移,企业们也纷纷开始建设手机网站,目前主要和大家分享手机网站和电脑网站有什么区别呢?
一、设计区别较大
电脑网站设计宽度一般是1024px-1300px,现在1200px用的比较多,一屏内显示的内容信息非常多、非常丰富,用户体验也很好。
而手机网站一般是全屏设计的,宽度在280px-480px,因为屏幕宽度的原因,显示的内容较为紧凑、简洁、内容较少。
二、前端技术稍有区别
虽然都是用的HTML、CSS技术来排版,但我们在做手机网站的时候一般会引入一个前端框架,前端框架预定义了很多通用类,用框架来写手机网站页面的代码会省事很多。
定义元素的宽高大小的单位也有区别,电脑网站一般用标准的px单位,而手机网站则会使用比例单位rem。
手机网站的排版思路比较电脑网站来说也会发生变化,手机网站更注重于比例排版,而电脑网站却更注重于像素级排版,手机网站建设一般宽度均使用百分比来实现,其主要目的可以解决各种兼容问题。
三、用户群体的区别
访问电脑网站需要有电脑设备,对于没有电脑的用户,或者不方便使用电脑的用户,会造成极大困扰,从而降低用户体验。
而手机版网站就不同了,手机因为是便携设备,因此可以随时随地访问网站,用户可能没有电脑,但一般不会没有手机。
但这也不是说一个网站光有手机版就行了,如果一个网站只有手机版而没有电脑版,用户使用电脑设备来访问网站时,呈现给用户浏览的是手机版网站,那么用户体验也同样不好。
因此网站有两种用户群体:电脑用户群体,手机用户群体。
正因为网站有两种用户群体,所以现在做网站的话,电脑网站和手机网站都要做,缺一不可。