创新路
我们一直在努力

html5

MIP移动优化一

略懂阅读(37)评论(0)

什么是 MIP MIP(移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。 主要三部分: MIP-HTML:基于 HTM...

H5 单页 滚动js

略懂阅读(69)评论(0)

我们经常能见到H5的全屏网站,滚动鼠标滚轮,就滚动到下一个页面,配上很大的图片做背景,再加一些内容,看起来格外的高大上。 加载css: jquery.fullPage.css 加载js: jquery.min.js jquery.fullP...

CSS3鼠标经过动画 transition

略懂阅读(254)评论(0)

    在H5中经常会有一些地方要用到很炫的动画,比如鼠标移动上去慢慢展开,慢慢变大或者飞出,只需要修改css,不需要写js就可以实现。       先看个DIV变大的案例: <sty...

HTML5 {十大新特性}

真实姓名阅读(351)评论(0)

(1)新的语义标签和属性 (2)表单新特性 (3)视频和音频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)WebWorker (9)WebStorage (10)WebSocket 1.HTML5表单新...

em/rem写手机页面的一种写法(2)

略懂阅读(738)评论(0)

当然js也不是最终的解决方案,毕竟我们整个页面不可能只有一个div,假如单单用js的话就要写好多代码,明显是不可取的。 这个时候我们用em/rem: em的定义是相对于上一级的字体大小的倍数。比如说: <div style="...

em/rem写手机页面的一种写法(1)

略懂阅读(737)评论(0)

1、缩放。你可以尝试着加和不加这个代码,方正写自适应我是都会加这一段的。至于喜欢寻根究底的童鞋可以看一下这篇文章,或者自行百度“meta viewport”。 <meta content="width=device-widt...

js/script 修改图片大小

略懂阅读(783)评论(0)

图片通过后台添加文章生存出来 带有宽度 高度,再手机自适应会导致页面问题,由于数据量太大,所以 写了个js自动改变 id为“center” 的IDV内部的所有IMG标签的高度和宽度,在此记录一下。 <html> <scri...

flexbox响应式布局时,向下兼容IE的解决方案

scxp阅读(1138)评论(0)

要实现响应式布局,采用flexbox弹性盒子布局的解决方案是非常高效实用的,现在连大名鼎鼎的Bootstrap框架也支持flexbox了,我们有什么理由不使用它呢? 浏览器兼容性问题是老生常谈了,目前只有IE10以上版本才能较好的支持fle...

天府云博 - 做有态度的开发&运维&设计学习分享平台!

联系我们百度云主机