前端 | 移动Web开发
2019-07-11 15:34
501 查看
在新的移动互联网的浪潮中,移动web的份额将会逐渐超越PC端。什么是移动WEB开发,其实就是将网页更好的显示在移动端的一些设置,简单来说就两点如下:
流式布局:
流式布局,也叫百分比布局,是移动端开发中经常使用的布局方式之一。
流式布局的特征:
宽度自适应,高度写死,并不是百分百还原设计图。
图标都是固定死大小的,包括字体等也是固定死的。并不是所有的东西都是自适应的。
一些大的图片,设置宽度为百分比自适应即可,随着屏幕大小进行变化,对于小图标或者文本等, 一般都是定死宽高大小。
viewport:
Viewprot是用户网页的可视区域。
Viewprot翻译为中文可以叫做“视区”。
手机浏览器是把页面房子啊一个虚拟的“窗口(viewport)”比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分;
更多关于移动Web的详细知识:移动Web前端开发
阿里云开发者社区全面升级,一站式体验,用得更爽:(阿里云开发者社区首页)
相关文章推荐
- 【前端开发】移动Web开发
- Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。
- excel大文件 、图片检测与处理、七牛云平台加速、web安全、curl模拟登陆、web开发拍照应用、移动云平台、html5 动画、bootstarp前端框架、高并发下的程序设计 、SAE公开课
- 移动前端知识总结
- 【前端】移动端Web开发学习笔记【1】
- 移动Web 开发中的一些前端知识收集汇总
- 最全的移动WEB前端UI框架
- 移动web页面前端开发总结
- 移动web开发常用的框架(四)
- 移动H5前端性能优化指南
- 简单理解前端web开发的MVC模式
- 移动前端开发之viewport的深入理解
- [转链接]移动前端调试方案(Android + Chrome 实现远程调试)
- 移动前端的一些坑和解决方法(外观表现)
- web开发-前端到服务器Controller中的数据传递
- 手机/移动前端开发需要注意的20个要点
- 移动Web前端开发_横向UL以及自适应屏幕_div定位的方式居中
- 移动前端调试方案(Android + Chrome 实现远程调试)
- 移动前端图片压缩上传