1、创建拖拽对象 我们可以通过draggable属性告诉浏览器，哪些元素需要实现拖拽功能。draggable有三个值：true：元素可以被拖拽；false：元素不能被拖拽；auto：浏览器自己判断元素是否能被拖拽。
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、重庆小程序开发公司、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了三江侗免费建站欢迎大家使用！
2、注意：Safari 2不支持拖动；在拖动元素时，每隔 350 毫秒会触发 ondragover 事件。
3、在Web开发中，我们要实现拖放效果，需要借助Javascript。
4、把文件从桌面拖拽到浏览器是Web应用程序集成的最终目标之一。
5、为HTML5代码元素创建缩写 Emmet[4]是一个很好用的文本编辑器插件，可以简化你的HTML/CSS编码流程。这个工具使用的语法类似于CSS的选择器，可让你为标准HTML代码元素创建各种缩写。下面是一个例子。
想要video能自动填充慢父div的大小，只要给video标签加上style=width= 100%； height=100%； object-fit： fill即可。
不是有设置宽和高的地方吗？在代码里面加width和height就可以了，前提是你要知道DIV的宽和高，这样就可以填满整个DIV。
可以在video的开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。html video标签怎么用？作用：定义视频，比如电影片段或其他视频流。
永久性的本地存储：localStorage在最新的JS的API中增加了localStorage对象，便于用户存储永久存储的Web端的数据。
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storageguan 方建议为每个网站5MB。
Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
1、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。
2、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。
3、使用CSS的aspect-ratio属性：设置div的aspect-ratio属性为1，这样可以确保宽度和高度的比例保持一致，从而不会出现宽度超过高度的情况。
4、用JavaScript或者jquery 页面加载完，获取当前浏览器显示区域高度。获取页面中我的相册、div关闭相册的高度。用1获取的值减去2所有的值。
5、要使元素的位置随着浏览器窗口的缩放大小比例变化，你可以使用 CSS 中的相对定位和百分比单位来实现。