1.移动端浏览器兼容问题。移动端浏览器基本以webkit内核为主，因此我们就考虑webkit兼容性问题。我们可以放心使用H5标签和CSS3样式。同时我们浏览器的私有前缀我们只需要考虑添加webkit即可。2.移动端公共样式这里推荐使用官网地址我们在传统模式里宽度计算是：盒子的宽度=CSS中设置的width+border+padding在css3盒子模型：盒子的宽度...

　　一、流式布局（百分比布局）流式布局，就是百分比布局，也称非固定像素布局通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式max-width最大宽度（max-height最大高度）min-width最小宽度（min-height最小高度）二、flex伸缩布局1）传统布局和flex布局2）布局原理f...

　　1、前端页面重构。主要内容为PC端网站布局、Photoshop工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配PC端、移动端、平板设备等。2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6到ES10新语法实践、jQuery应用及插件使用、设计模式及插件编写、封装JS工具库及Web...

　　流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕宽度进行伸缩，不受固定像素限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。传统布局：兼容性好布局繁琐局限性，不能在移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用广泛PC端浏览器支持情况较差IE11或更低版本，不支持或仅支持部分建议：如果是PC端页面布局，我们还是传...

　　视口就是浏览器显示页面内容的屏幕区域。视口分为布局视口、视觉视口和理想视口。布局视口layoutviewport布局视口是移动设备的浏览器默认设置的一个视口，用于解决早期的PC端页面在手机上显示的问题，一般这个视口默认的分辨率是980px，这种情况下元素显示得都比较小，需要手动缩放网页才能看清。视觉视口visualviewport视觉视口指的是用户正在看到的网页的区域，可以通过缩放去操...

　　流式布局是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度，也称百分比自适应的布局。流式布局实现方法是将CSS固定像素宽度换算为百分比宽度。换算公式如下：目标元素宽度/父盒子宽度=百分数宽度下面通过一个案例来演示固定布局如何转换为百分比布局，如示例1所示。【示例1】　固定布局转换为百分比布局打开Chrome浏览器访问示例代码，页面效果如图1所示。图1运行效果可以尝试改变浏览...

　　一、HTML+CSS:HTML、CSS基础了解每个标签的属性及定义，css的常用属性，能熟练的组合搭配。div+css布局？。能够独立的完成一整个的项目开发。二、JavaScript：Js基础基本语法函数运算符&流程控制js内置对象常用方法DOMBOMJS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：...

　　1.HTML5介绍内容包括：（互联网发展趋势、H5语言的优势、简单易学人人都能编程、H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向）2.HTML基础内容包括：（HTML简介与历史版本、常用开发软件、常见标签与属性、表格与表单、标签规范与标签语义化、实战：网页结构布局）3.CSS基础内容包括：（css简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置...

　　一、移动web开发现状：当下人们使用频率最高的设备莫过于手机了，大家对网站的认知是越来越清晰，网站建设已成为企业宣传与营销的重要途径，随之移动端网站建设也成趋势。移动web开发指的是需要适配移动设备的网页开发。移动web开发与pc端web开发没有本质的区别，使用的还是HTML/CSS/JavaScript的技术。二、移动端与pc端web开发的区别1、浏览器不同移动端的浏览器与pc端不同谷歌...

　　WebView是android中一个非常重要的控件，它的作用是用来展示一个web页面。（1）显示和渲染网页；（2）可与页面JavaScript交互，实现混合开发。加载页面一般有以下两种形式：A:新建一个本地test.html文件创建步骤：a:创建assets文件夹b：在生成的assets文件夹下创建test.xml文件B:在项目的布局文件中填入WebView效果图：C:在Java代码中填写运行...