无分类 CSS兼容性 属性 IE Chrome Firefox Safari Opera iOS Safari Android Browser Android Chrome text-shadow 10.0+ 3.5+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+ text-transform 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
javascript 12个令人惊叹的CSS实验项目 你可能认为 CSS 只是一种简单地为网页设计样式的语言，但它的功能比你想象的要多得多。 从逼真的图像到甚至是视频游戏，你会惊讶地看到一个优秀的开发者可以用 CSS 做些什么。
javascript H5页面内使用JSON动画 有一天我们的UI设计师找到我说，要把页面中我自己用程序写的动画，换成他们给的json动画，原因是有的动画很复杂，自己写起来达不到他们的预期效果（写到这里我突然想到一个问题，这么复杂的动画为什么不使用gif。…
javascript 移动端网页布局适配rem方案小结 1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时，rem 单位以该属性的初始值作参照。这就意味着 1rem 等于 html 元素的字体大小（大部分浏览器根元素的字体大小为16px）
无分类 深入理解css中的margin属性（最新浏览器支持） 本文启发于博客园一篇2016年的“深入理解css中的margin属性”文章，根据当前浏览器（chrome 71.0.3578.98（正式版本） （64 位）），加上自己的理解，每个例子都是亲测过
无分类 创建自己的 CSS 网格系统【转载 | 译】 CSS 网格已经存在很长时间了。它们通常捆绑在 Bootstrap 等框架中。我不是一个 Bootstrap 仇恨者，但如果你真正需要的只是一个网格，有时使用一个框架就“太过分”了。以下是如何从头开始制作自己的 CSS 网格。
无分类 css-媒体查询 像素比 = 物理像素/设备独立像素(css像素)window.devicePixelRatio通常的设计稿padiphone5 640 320(css) 2/1iphone 750 375iphone 1242 414
javascript IE 静态页兼容指南 IE 静态页兼容指南 1. IE 下的网页字符乱码 问题原因： 这个可能是网页没有设置 meta charset 编码造成。 解决方法： 添加如下代码 {代码…} 2. IE 下的 field 禁用失效 解决方法 将 disabled 写在 input 上 {代…
无分类 解决移动端一像素问题的Vue指令 最近公司项目要解决一像素问题，自己琢磨了一阵子并且网上搜索了一堆博客，总结出最好的办法应该是通过css的transform scale缩放1px的内容来模拟设备上1px的效果了。但是这个方法有太多局限。然后秉着css解决不了…
