移动端开发现况挪动web 开发设计是指必须兼容

lxf2023-03-10 17:25:01

移动端开发现况

移动端开发现况挪动web 开发设计是指必须兼容

  • 挪动web 开发设计是指必须兼容移动终端的网站开发
  • 挪动web开发与pc端web开发并没有本质区别,所使用的或是HTML/CSS/JavaScript的专业技术

手机端与pc端 web开发的差别

1、电脑浏览器不一样

移动端的电脑浏览器与pc端不一样

chorme 苹果浏览器、 UC电脑浏览器 QQ电脑浏览器  百度手机浏览器  360极速浏览器  百度浏览器  猎豹浏览器等
国内浏览器也是根据webkit核心改动来的,中国并没有自主研发核心,中国的操作系统也是基于Android系统软件改动的。

所以在手机端,css3特性只需加webkit作为前缀就可以。

2、显示屏尺寸

手机端机器设备规格不一样(规格特别多,泛娱乐化非常严重)

Android320*480 480*800  540*960 720*1280 1080*1920 2k屏 4k屏
iphpne:  640*960 640*1136 750*1334 1242*2208

3、设计原则

移动端的特性

  • 手机上端兼容问题比PC端小一些,由于手机上端浏览器版本较为新(对H5的大力支持比较合适)
  • 移动端显示屏非常小,可以摆的具体内容特别少。

难题:规划的情况下如何解决屏幕尺寸不一致的难题?

  • PC端,固定不动版芯,让每一个分辨率的计算机的版芯都是一样的,例如京东商城
  • 手机端:手机端没法设定版芯,由于移动端的机器设备显示屏自身就小,设定版芯有问题。因而手机端大部分都会选用流式布局(百分数合理布局)

流式布局,又叫百分数合理布局,是移动端开发中常用的一种设计原则之一。

流式布局的特点:

  • 总宽响应式,相对高度固定不动,并非百分之百复原设计图纸

流式布局很难做到所有设备都很逼真的复原设计图纸,有一些机器设备屏幕清晰度并不是特殊的漂亮。可是流式布局是手机端十分常用的一种设计原则,非常简单,必须掌握(携程网、京东商城)

手机端调节难题

  1. 手机模拟器调节
  2. 实机调节:用手机开展浏览。

手机设备五花八门,显示屏尺寸都大不一样,特别是安卓版本,给大家的网页页面浏览带来了一些不便。在日常工作中,做为开发人员不太可能有充足的机器设备让我们一起去检测(除开测试部门 ),即便有,高效率也非常的低,因而开发人员一般都是根据浏览器模拟器来模拟不一样的机器。