移动Web开发的两种主流方案，一种是单独制作移动端页面，另一种是制作响应式页面。
移动端页面：
单独制作移动端页面的优势和劣势：
单独制作移动端页面，通常的做法是不改变原有的PC端页面，然后针对移动端单独开发出一套特定的版本。
如果是移动设备（iPhone 6/7/8 Plus），则跳转到移动端页面
如果是PC端设备，则跳转到PC端页面
响应式页面：
响应式页面指的是同一页面在不同屏幕尺寸下实现不同的布局，从而使一个页面兼容不同的终端。
响应式开发主要是为了解决移动互联网浏览的问题
响应式页面的优点：
可以跨平台。响应式开发具有跨平台的优势，能够快捷地解决多终端设备的显示适配问题。
便于搜索引擎收录，无论在移动端设备还是PC端上访问的都是同一个链接地址，这样就减少了权重的分散。让网站对搜索引擎更加友好。
节约成本。响应式网站可以兼容多个终端，开发者不需要为各个终端编写不同的代码。对于开发者而言，减少了大量重复的工作，提高了工作的效率；对于公司而言，节省了人员开支，降低了开发成本
1、移动端开发选择：
单独移动端页面（主流）：
通常情况下，网址域名前面加 m(mobile) 可以打开移动端。通过判断设备，如果是移动设备打开，则跳到移动端页面。
响应式兼容PC移动端（其次）：
通过判断屏幕宽度来改变样式，以适应不同终端。
2、移动端技术选型：
单独制作移动端页面：
流式布局（百分比布局）
flex 弹性布局（强烈推荐）
less+rem+媒体查询布局
混合布局
响应式页面兼容移动端：
媒体查询
Bootstrap
移动端基础
浏览器
浏览器按照设备类型来划分，主要包括PC端浏览器和移动端浏览器
浏览器内核主要包括Blink、WebKit和Trident等。
PC端常见浏览器：
PC端的浏览器主要包括Google（谷歌）公司的Chrome浏览器（推荐）、Mozilla公司的Firefox浏览器、和Edge浏览器等。
Chrome浏览器的优势：
市场占有率高，兼容性好，界面简洁、简单易用。基于强大的JavaScript V8引擎，速度很快。
可通过扩展插件增强功能，便于开发人员使用。内置防止网络钓鱼及恶意软件功能，更加安全。
跨平台，支持PC端的Windows、Linux和Mac系统，以及移动端的Android和iOS系统。
移动端常见浏览器：
移动端设备主要包括Android、iOS等手机设备。
手机屏幕现状：
移动端设备屏幕尺寸非常多，碎片化严重。
Android设备有多种分辨率：480x800, 480x854, 540x960,720x1280，1080x1920等，还有传说中的2K，4k屏。
近年来iPhone的碎片化也加剧了，其设备的主要分辨率有：640x960, 640x1136, 750x1334, 1242x2208等。
作为开发者无需关注这些分辨率，因为我们常用的尺寸单位是 px 。
屏幕尺寸非常多，手机分辨率和大小也不尽相同，碎片化严重。
移动端的浏览器主要包括Android Browser和Mobile Safari，以及国产浏览器。
浏览器的内核主要是Webkit内核，对HTML5提供了很好的支持。
国产浏览器主要包括UC浏览器、QQ浏览器和百度浏览器等。都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。
总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。
1、移动端设备受屏幕尺寸限制：操作的局限性比较大，所以要注意页面的结构不能过于复杂，要提炼出该网站最核心的功能，并简洁清晰地呈现出来。
2、移动端的操作方式的改变：移动端页面的所有交互活动由鼠标控制变为手指触屏控制，操作方式更加丰富，如摇一摇、双指放大、滑动、双击、单击等。
千语创想移动端低代码开发平台-千语创想，是用Web语言去开发iOS和Android应用，多端开发框架，一次编码同时开发安卓、iOS、H5和小程序，这样将开发难度大幅降低，开发周期缩短将近一倍。此外，千语创想平台上有上千个各式各样的功能模块，一键调用方便去开发各类App。
立即免费在线制作一个APP，新手注册即送开发大礼包
提交app定制需求，免费获取报价和周期：
电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500
手机请点击https://www.qianyuthink.com/?url=/m/customizedservice?uzchannel=500
