一、如今的移动行业:
1.移动互联网的发展
2.智能手机迅速发展
3.移动WEB应用的发展
4.移动端的开发需求逐年增加
二、移动网页开发和pc网页开发的区别:
1.终端设备及浏览器
2.分辨率
3.视口
4.输入特性:
鼠标、键盘
触摸
三、PC端开发浏览器:
Chrome、IE、火狐
四、移动浏览器类型:
内置浏览器、可下载浏览器、代理浏览器、WebView
五、谷歌浏览器测试环境:
1.Emlation:
(1)Device:可以切换设备和型号
(2)Resolution:设备像素
(3)Device pixel ratio:设备像素比
2.NetWork conditions:
(1)Disk cache:磁盘缓冲,默认是不缓冲的
(2)NetWork throttling:网络节流,单击下拉菜单,可以模拟网络测试。
3.Sensors:
(1)Geolocation:模拟地理定位,shanghai,london、莫斯科、东京
lat:经度
lon:纬度
(2)orientation:模拟陀螺仪,这个功能一般用于摇一摇等有重力感应的场景。
α:设备绕Z轴旋转的数值
β:设备绕X轴旋转的数值
γ:设备绕Y轴旋转的数值
六、移动端视口:
1.布局视口:在移动端上,视口与移动浏览器屏幕宽度不在关联,而是完全独立的。(在桌面上浏览器上,浏览器窗口就是约束CSS布局窗口,他决定了用户可以看到什么)
2.视觉视口:在手机上,桌面视口被拆分为两个,布局视口会限制CSS布局,视觉视口会决定用户能看到什么。
3.理想视口:它明确了特定浏览器布局视口的理想尺寸。
七、视口标签:
八、设备像素比:
1.设备像素:是设备屏幕的物理像素,任何设备的物理像素都是固定的。
2.设备像素比:设备像素个数和理想视口的比。
3.DPI:用像素的数量除以屏幕的以英寸为单位的宽度可以得到你的设备每英寸的点数,简称DPI。
九、移动网页开发和PC网页开发的异同:
1.不同点:
(1)适配不同的分辨率和屏幕尺寸
(2)兼容的浏览器
2.相同点:
布局结构
使用的技术
十、使用相对长度单位em来布局网页内容:
1.em的值并不是固定的
2.em会继承父级元素的字体的大小
十一、使用相对长度单位rem来布局网页内容:
1.rem的值并不是固定的
2.rem的值是相对于根节点html而发生变化的(与父节点无关)
移动WEB页面开发
原创
©著作权归作者所有:来自51CTO博客作者穆雄雄的博客的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:响应式布局

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
移动Web开发(1)
移动端web适配
移动端 流式布局 自适应布局 -
移动开发 or web 前端?
之前写了一篇文章「微信小程序」有哪些冲击与机会?,然后公众号后台一大堆同学问我这么一
微信小程序 移动开发 编程语言 -
【Web】移动web开发流式布局
【Web】移动web开发流式布局
移动端 盒子模型 缩放 -
web移动端开发,web应用系统开发
前言 不要为了面试而去背题,匆匆忙忙的,不仅学不进去,背完了几天后马上会忘记。 你可能会说,“没办法,这不是为
面试 前端 CSS 生命周期 Vue -
移动WEB页面开发
一、如今的移动行业:1.移动互联网的发展2....
网页开发 移动端 css布局 网页内容 移动浏览器