【前端开发】移动Web开发
2019-05-27 16:44
1286 查看
在新的移动互联网的浪潮中,移动web的份额将会逐渐超越PC端。什么是移动WEB开发,其实就是将网页更好的显示在移动端的一些设置,简单来说就两点如下:
流式布局:
流式布局,也叫百分比布局,是移动端开发中经常使用的布局方式之一。
流式布局的特征:
宽度自适应,高度写死,并不是百分百还原设计图。
图标都是固定死大小的,包括字体等也是固定死的。并不是所有的东西都是自适应的。
一些大的图片,设置宽度为百分比自适应即可,随着屏幕大小进行变化,对于小图标或者文本等, 一般都是定死宽高大小。
viewport:
Viewprot是用户网页的可视区域。
Viewprot翻译为中文可以叫做“视区”。
手机浏览器是把页面房子啊一个虚拟的“窗口(viewport)”比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分;
更多关于移动Web的详细知识:移动Web前端开发
更多精品技术课程:
阿里云大学官网(阿里云大学 - 官方网站,云生态下的创新人才工场)
相关文章推荐
- Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。
- 移动前端开发之viewport的深入理解
- 移动web开发和移动app开发的区分
- 移动前端开发需要注意的20个要点
- 移动前端开发之viewport的深入理解
- 移动前端开发之viewport的深入理解
- 移动前端的开发须知
- 移动前端开发不仅仅是H
- 移动平台前端开发总结(针对iphone,Android等手机)
- 移动前端开发之viewport的深入理解
- 移动web开发(一)——移动web开发必备知识
- 移动前端开发之viewport的深入理解
- 全栈工程师必备技能--前端开发、后台开发、移动开发以及第三方开发微信公众号...界面设计、产品设计、数据库
- 指尖上行--移动前端开发进阶之路(读书笔记)----1.3常用库和框架
- 移动平台前端开发总结(针对iphone,Android等手机)
- 指尖上行--移动前端开发进阶之路(读书笔记)----2.1动画形式
- 移动Web开发必备的9款JavaScript开发框架
- 移动前端开发之viewport的深入理解
- 移动前端开发之viewport的深入理解
- 前端好难 -- 致即将开发移动 Web App 的新人们