关于BFC的文章：
http://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/
总结京东M站：
1.适配问题：移动端设备尺寸不一致
2.流式布局：随着浏览器尺寸的改变做自适应 (掌握)
3.当放到移动端预览：通过谷歌浏览器的模拟器（真机调试：服务器和手机设备在同一个局域网内容即可）
4.视口：在移动端特有的视口会对网页进行缩放
5.视口设置：标准化设置 （掌握）
6.非主流视口设置：淘宝多种比例的缩放（页面的缩放 640 1242）
7.640px 1242px px是css单位 真机的分辨率不是px
8.在移动设备有 物理像素的概念 1px 单位里面可能可以放多个物理像素
9.物理像素比------> 非矢量的网页内容可能会失真
10.标准视口设置里面：2倍图 （掌握）
11. 在移动端尺寸计算都是从边框开始的
12. 移动端特有的属性，在移动端使用css3属性尽可能的加兼容 私有前缀
13. 页面的最大宽度限制的原因：和主流设计稿(640px 750px)
14. 基于流式布局的网页开发（百分比布局）
15. 双飞翼，两栏自适应 （布局方式）
16. 移动端常见的滑动效果：touchstart touchmove touchend (掌握)
17. 衍生：手势事件 swipe 相关事件的原理
18. click在移动端有300ms的延时：1，tap事件 原理 2. fastclick插件使用
19. 区域滚动效果：插件 iscroll
移动webday03.zip
169 浏览量
2023-12-21
10:14:19
上传
评论
收藏 1.44MB ZIP 举报
day03.zip （57个子文件） 
04-代码 weijinsuo lib respond 
respond.matchmedia.addListener.src.js 10KB respond.matchmedia.addListener.min.js 5KB respond.min.js 4KB respond.src.js 8KB html5shiv html5shiv-printshiv.min.js 4KB html5shiv.min.js 3KB html5shiv-printshiv.js 16KB html5shiv.js 10KB bootstrap js bootstrap.js 67KB npm.js 484B bootstrap.min.js 36KB css bootstrap.min.css 118KB bootstrap-theme.css.map 47KB bootstrap-theme.css 26KB bootstrap.css.map 380KB bootstrap.css 143KB bootstrap-theme.min.css(1).map 5KB bootstrap-theme.min.css 23KB bootstrap.min.css.map 53KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB jquery jquery.js 242KB jquery.min.js 82KB jquery.min.map 125KB js index.js 47B demo 
01-媒体查询.html 2KB 04-基本样式-container.html 2KB 02-基本模版.html 3KB 06-响应式栅格系统.html 3KB 05-栅格系统.html 3KB 09-响应式工具-bootstrap.html 2KB 07-栅格系统-扩展功能.html 3KB 08-响应式工具.html 842B 03-normalize&reset区别.html 484B .idea weijinsuo.iml 458B workspace.xml 20KB modules.xml 270B css index.css 2KB index.html 2KB images 
slide_01_640x340.jpg 180KB slide_02_2000x410.jpg 70KB slide_03_2000x410.jpg 110KB slide_03_640x340.jpg 60KB slide_04_2000x410.jpg 90KB code.jpg 18KB slide_02_640x340.jpg 40KB slide_01_2000x410.jpg 210KB slide_04_640x340.jpg 50KB fonts MiFie-Web-Font.svg 453KB MiFie-Web-Font.ttf 116KB MiFie-Web-Font.woff 116KB MiFie-Web-Font.eot 116KB 02-其他资料(1) 01-课程资料 
设备划分.png 8KB
反馈.txt 1KB资源评论
