移动开发 移动端的app 开发
移动端的app 开发我们可以理解为三种类型的app
原生的app
app 开发好之后都需要在操作系统上面运行，在我们移动端
android ， java 去开
ios object-c 这种app 的开发性能要好一些。
混合的app
就是我们使用html5 画界面，使用react native 去打包。
打包成基于android 平台的app ，ios 的app
如果是app 的话，我们就可以把这些app 挂在应用商店。
web app
web app 基本上移动web 开发，坦白就是移动端网页.
这种类型的app 不能挂在应用商店，推广这个网页， 可能做seo 推广.
移动web app ，其实就是移动端页面，我们之前做过pc 端的页面.
这个移动端页面与pc 端页面开发有什么不同
体现在两个方面，
1: 屏幕的大小
2：屏幕的分辨率
移动端的发展前景.
在移动端的界面跟pc 有什么不同.
1: 屏幕的大小
2：屏幕的分辨率
在移动端怎么去进行网页适配。
首先我们必须理解这样的一个概念，视口 viewport
pc 端的视口.
视口（viewport）是用来约束网站中最顶级块元素<html>的，即它决定了<html>的大小。
pc 端，视口的大小谁去决定，pc 端视口是由浏览器的窗口的大小决定的.
在pc 端我们怎么去做网页布局.
移动端的视口是什么样的一个情况.
在pc 端视口（viewport）是浏览器的窗口大小决定的
在移动端
移动端一般的手机他们的 视口的大小基本上都是980px
移动端的网页的视口大小是980，也就是html 的大小是980。
加上里面的盒子的width 是百分比的话，它们的宽度也是980px
我的这张网页明显就出现了一个效果，缩放的效果.
为什么缩放。
1:移动端的视口的大小默认是980px，也就是说html的大小是980
980px 的网页套在一个 375 像素的区间。浏览器为了让这个网页完全显示
所以了产生了一个缩放的效果.
怎么去解决这样的一个缩放问题。
html 的大小是由视口决定的，
移动端视口的大小是默认是980,980的页面套在 移动端 375 区间的这样浏览器里面
所以产生了缩放。
在移动端出现了一个新的属性，这个属性叫做viewport
viewport 这个属性是用来指定移动端的视口的大小的.
viewport 这个属性只能在移动端被识别.
移动端怎么去做适配。
其实我们的这个移动设备 设备的大小一般都可以理解在320-640 之间.
常见的的320px，360 375 414 比较多都是这些.
1:早期的一种方式，就是固定宽度，固定在320px，移动设备视口的大小不会小于320
这样会存在一个问题，在有些设备设备，网页两边会留白
2: 百分比(避免出现横向滚动条)+viewport（避免缩放） ==流式布局
3: rem
假设我要写一张网页，我们这样要适配的这个区间在320 到640px
我们可以看一下移动端的一些页面，目前一般的大型网站
他都会基于pc 端 跟移动端分别做一套页面。
m.jd.com m.tianmao.com m.baihe.com m.youyuan.com
m.xiecheng.com 居中.
移动web网站静态页面html5
1星 需积分: 33 29 浏览量
2018-06-22
09:03:32
上传
评论 3
收藏 1.48MB RAR 举报 
移动web网战开发-资料.rar （24个子文件） 
移动web携程旅行网实战开发-资料 
01-视口.html 377B 06 移动端适配320-640px.html 597B index.html 4KB 08-iscroll 滚动的使用.html 2KB 02-pc 端网页布局.html 911B 07 tap.html 448B
剧本.txt 358B images 
banner_1.jpg 61KB l3.jpg 113KB banner_2.jpg 59KB l4.jpg 162KB
un_ico_home_v620.png 20KB l5.jpg 103KB banner_3.jpg 70KB l2.jpg 91KB 04-移动端视口的使用.html 739B js 
swipe.js 14KB iscroll.js 52KB 公开课内容.txt 3KB 05-移动端视口的使用.html 976B 获取更多资源.png 837KB css index.css 3KB base.css 435B 03-移动端视口.html 421B资源评论
weixin_388753652018-12-14哇 感觉就像是骗积分的 人家要的又不多 ，但是页面是真的水
