移动前端开发面临浏览器兼容性、网速限制和多框架学习成本等问题。文章探讨了不同移动端浏览器的内核，推荐使用谷歌浏览器进行跨平台测试，并介绍了移动端视口的概念和meta标签的使用，强调了在移动网页开发中使用相对长度单位如em和rem的重要性。
移动前端概述
移动行业现状
浏览器种类繁多，参差不齐
除了系统原生浏览器，还有很对第三方浏览器。如UC，百度，腾讯，360，遨游等等，这些浏览器对HTML5的支持度不一，对网页的渲染和交互各有不同，还有一些浏览器性能堪忧，从而增加了前端开发成本。
网速仍然是性能瓶颈
在pc时代，网速是困扰用户和开发者的一大难题。到了移动时代，这个问题更是被加倍放大。移动终端所处的网络环境差，是客观存在的现象，无论是3G，还是4G，网速都是阻碍移动前端发展的瓶颈。
多框架造成高门槛
在众多开发技术中，由于前端没有服务器错综复杂的业务逻辑，也不用配置臃肿的开发环境，所以比较简单易学。但是现如今，为了解决前端开发工程化，模块化，开发和维护成本等一系列的问题，出现了一大批前端框架，这就为学习者带来了学习难度。
移动网页开发和PC网页开发的区别
移动端浏览器类型
移动端浏览器内核
移动开发测试环境
通过谷歌浏览器可以测试不同型号，不同分辨率，及不同操作系统中的网页。
其实，在实际开发中不可能同时需要这么多项测试，一般变换型号，网络，分辨率即可。
移动端像素
移动端视口
布局视口和视觉视口
理想视口
meta标签的语法规则
meta视口标签的使用
移动网页开发
使用相对长度单位em布局网页内容
示例
<html>
<head>
<meta charset="UTF-8"
最低0.47元/天 解锁文章
扫一扫
1521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
