这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结,非常具有实用价值，需要的朋友可以参考下1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体，简单易学。《极客学院HTML5新特性基础视频教程》将带你了解HTML5相比HTML添加了哪些新的特性，体验HTML5 中的新多媒体功能，新应用，新图形等等。课程播放地址：http://www.php.cn/course/239.html 该老师讲课风格:教师讲课生动形象，机智诙谐，妙语连珠，动人心弦。一个生动形象的比喻，犹如画龙点睛，给学生开启智慧之门；一种恰如其分的幽
[导读] 拖拽事件 通过拖拽事件，咱们就可以控制拖拽很多东西了。其中什么元素或者是哪里发生了拖拽事件是最关键的。有些事件是在被拖动的元素上触发，有些事件是在放置目标上触发的。拖动某元素时候，触发的事件有：拖拽事件 通过拖拽事件，咱们就可以控制拖拽很多东西了。其中什么元素或者是哪里发生了拖拽事件是最关键的。有些事件是在被拖动的元素上触发，有些事件是在放置目标上触发的。拖动某元素时候，触发的事件有：dragstart事件、drag事件和dragend事件。 按下鼠标键并开始移动鼠标的时候，会在被拖拽的
本课程通过CSS3扁平化风格博客的实例详细讲解，让大家更容易理解常规网页的组成部分，灵活的使用不同部分WEB组件，理解它的构成思想，以及网页灵活的布局和设计。我们也可以由宏观到微观去掌握整体的布局。课程播放地址：http://www.php.cn/course/307.html 该老师讲课风格:教师讲课深入浅出，条理清楚，层层剖析，环环相扣，论证严密，结构严谨，用思维的逻辑力量吸引学生的注意力，用理智控制课堂教学进程。学生通过听教师的讲授，不仅学到知识，也受到思维的训练，还受到教师严谨的治学态度的熏陶和感
摘要：HTML5也许还不是一个完全定稿的标准，但变化不会太大了――并且接受程度也在上升。Justin James突出介绍了这一新规范的关键概念。 一两年前，HTML5似乎还是一个模糊的概念，只有少数几个互联网的书呆子才会关心。而现在，却感觉仿佛HTML5无所不在了。感谢Mozilla和Chrome的快速发布，以及微软IE9的部署（IE10现在也处于“技术预览”状态了），数量有限（或者说比有限要更好些）的支持HTML 5的浏览器已将近人人皆可享受。开发人员开始利用那些得到广泛实现的功能特性。不出1年HTM
在h5开发中，经常会使用float属性来解决一些布局问题。但在某些复杂的布局中也会遇到使用float属性是导致一行中的元素无法对齐或者float元素换行等现象。在遇到这种问题时，我们可以修改元素的位置来解决换行或者元素不对齐的现象。1234567<p class="container"> <a href="address-manager.html"> <i c
html5 canvas 绘制字体、图片与图形模糊问题发生情况多出现在高dpi设备，这意味着每平方英寸有更多的像素，如手机，平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器。 canvas在浏览器中的缩放原理如果没有设置style那么就以html的属性width，height作为尺寸。如果设置了style中的width、height，那么以其style设置为最终绘制到浏览器的尺寸。也就是说，属性中的宽高并不代表实际宽高，所以高dpi下会放大canvas，导致模糊。canvas的width、hei
vue-router 默认 hash 模式 ―― 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。1234const router = new VueRouter({ mode: 'history', routes: [...]})当你使用 history 模式时，URL 就像正常的 u