方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width始终等于设备物理像素，屏幕大小动态计算根字体大小，具体是将屏幕划分为10等分。这块也可以直接用js实现，后面会提到具体引入和使用方法，移步github查看，非常详细。方法二：viewport的使用githu...

　　一、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重置...

　　一、meta标签的效果移动端页面一般会在head头部添加如下meta标签。该meta标签是否添加对页面渲染的影响在移动端，未添加该meta标签时，html元素的宽度一般为980px；添加该meta标签之后，html的宽度与设备物理尺寸宽度一致。二、几个名词和单位设备物理像素设备物理像素又被称为设备像素，是显示器设备上的一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。设备物理...

　　1、为什么需要H5适配布局？1）为了适应各种移动端设备/手机，显示相应的布局效果2）可以适应各个移动端设备，并且在各种分辨率下等比例缩放以及网页可以铺满整个屏幕2、H5相关性概念知识屏幕尺寸1）指屏幕的对角线的长度，单位是英寸。2）1英寸=2.54厘米。屏幕分辨率1）在横纵向上的像素点数，单位是px，1px=1个像素点（这里的1像素指的是物理设备的1个像素点）2）例如一个手机的分辨率是13...

　　在开发移动端h5应用时，尤其是在开发混合app时，一般情况下，顶部导航会一直固定在页面头部，如下图：h5的常规操作是直接来个fixed定位，代码如下：但是，这种写法，在ios系统下，会出现一些，类似下拉页面时，导航会一起滚动，无法固定在屏幕顶部，或者是有input标签的时候，调出软键盘之后，页面无法往上顶，导致标签被挡住，尤其是在414屏，效果更严重为解决这些兼容性问题，建议使用如下两种布局：...

　　PhoneGap恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的Cordova商业版本。第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。创建它的一个主要动力是基于一个几乎每一个单独的iPhone开发新手都要面对的简单事实：Objective-C是一个对Web开发人员来说非常陌生的环境，并且Web开发人员的数...

　　移动端开发主要针对手机，ipad等移动设备，随着地铁里的低头族越来越多，移动端开发在前端的开发任务中站的比重也越来越大。各种品牌及尺寸的手机也不尽相同。尺寸不同就算了分辨率，视网膜屏自动的各种内核的浏览器，想想头都大了。先说下浏览器。在中国有多少种浏览器？ie、百度、360、搜狗、火狐、欧朋、Chrome、谷歌、行者无疆、财猫省钱、遨游、Wise光速、UC、智慧、QQ、海豚……（大概有70-...

　　我们就不去深入研究标签云带来的效率上的提升和可用性的细节，仅仅在外观上带来的美感和对全站或一整篇文章所起到的高度概括的作用就不容忽视了。接下来，我们将讨论如何用HTML和CSS来创建标签云效果。注意，我们仅仅讨论如何实现这种UI效果而不去深究标签的权重或受欢迎程度是怎么算出来的。前面说了，标签云就是一个连接列表。所以从语义化的视角，使用无序列表来表达每个标签是合理的，不用考虑按欢迎程度去排列，...

　　在Pc的时代，前端技术无疑统治了大多数用户的交互界面！而在移动为王的今天，NA开发在早期占领了大多数用户的交互界面，后来逐渐的前端H5开发找到了自己的技术优势，慢慢的后来居上。前端H5的优势有：轻松的热更新，（无需等待用户漫长的更新时间）codeonce，runanyway，（极大缩短产品的开发时间）丰富的社区、成熟的技术栈和人才储备与此同时也面临了许多难题，比如：性能问题（在低端机型上不...