15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 移动WEB开发

移动WEB开发

时间:2023-07-24 07:18:01 | 来源:网站运营

时间:2023-07-24 07:18:01 来源:网站运营

移动WEB开发:

移动WEB开发

用手机上网的人越来越多,CNNIC的权威报告:截至2020年3月中国手机网民规模达8.97亿人,比2018年底增加7992万人,网民使用手机上网的比例比2018年底提升0.7个百分点,达99.3%。其中手机网络支付用户规模达7.65亿;手机网络购物用户规模达7.07亿;手机即时通信用户规模达8.90亿。

一、浏览器现状

PC端常见浏览器

360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。

移动端常见浏览器

UC浏览器、360安全浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度手机浏览器、搜狗手机浏览器、欧鹏浏览器、猎豹浏览器、以及其他杂牌浏览器。

国内的UC和QQ浏览器、百度手机浏览器都是根据 Webkit 修改过来的的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于 Android 修改开发的一样。

总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。

二、手机屏幕现状

移动端常见屏幕尺寸

移动端调试方法

三、视口

视口(viewport):就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口,视觉视口
和理想视口。

3.1 布局视口(layout viewport)

3.2 视觉视口(visual viewport)

3.3 理想视口(ideal viewport)

给我们的页面加上一条meta语句:

这个meta标签,就是“视口约束”。约束之后的视口宽度,和设备宽度相同,实际上就是人为设置的数字。每个设备出厂前都会设置一下约束视口之后的宽度。

约束之后的视口宽度,不是自己的分辨率!!每个手机的分辨率,都要比自己的视口宽度大得多得多!

四、二倍图、多倍图

4.1 二倍图

物理像素&物理像素比

4.2 多倍图

五、移动端开发选择

5.1 单独制作移动端页面 (主流)

通常情况下,网址域名前面加 m(mobile) 可以打开移动端。通过判断设备,如果是移动端设备打开,则跳转到移动端页面。

5.2 响应式兼容 PC 移动端

5.3 移动端技术解决方案



关键词:移动

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭