票票的博客

修改文档后缀名

rem是css3新增的相对长度单位，相对于根元素html的font-size计算值得大小。相当于屏幕宽度的百分比。IE，Chrome默认根元素的font-size是16px，如果想要设置12px的字体大小就是12px/16px=0.75rem如果font-size设置为62.5%，则表示默认字体大小从16px修改为10px，即10px/16px=62.5%，1rem=10pxhtml { width: 100%; height: 100%; font-size:62.5%; // fo.

场景：PC端，H5，切换不同的分辨率或切换不同的手机，宽高始终铺满全屏，不溢出屏幕解决方法：使用vw，vh给html或父元素设置宽高

问题：png24 位的图片在 iE6 浏览器上出现背景解决：解决方案是做成 PNG8问题：浏览器默认的 margin 和 padding 不同。解决：方案是加一个全局的 *{margin:0;padding:0;} 来统一。问题：IE6 双边距 bug，浮动后产生的双倍距离:块属性标签 float 后，又有横行的 margin 情况下，在ie6 显示 margin 比设置的大...

window.postMessage()，可以安全的实现跨源通信（不是浏览器的两个Tab页，而是一个页面中嵌套iframe的跨源通信）<iframe src="http://127.0.0.1:8888" frameborder="0" id="myIframe" ></iframe>// 3s以后发postMessage通知子框架修改body颜色setTimeout(function () { const iframe = document.querySelecto.

link 属于 XHTML 标签，除了加载 CSS 外，还能用于定义 RSS，rel 连接属性等作用；而 @import 是 CSS 提供的，只能用与加载 CSS.页面被加载时，link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载import 是 CSS2.1 提出的，只在 IE5 以上才能被识别，而 link 是 XHTML 标签，无兼容问题。...

原理：HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示如何使用：第一：页面头部加入一个 mainfest 的属性；第二：在 cache.mainfest 文件编写离线缓存的资源...