问题描述 最近碰到一个很奇怪的问题,项目只要兼容到ie10，设置了max-width后，ie10的图片仍然被拉伸了。 期望的图 问题图 通过调试发现，ie10上的img被莫名其妙的赋值上了width和height属性 <img src=”xxx” width=”” height=”” /> 原来的css max-width: 161px; max-height: 130px; 解决方案…
css和js实现水流效果 最终实现的效果图 实现的原理 通过1 和2实现三角形（当然最终也可以制作成圆形或者其他形状），水波的原理在于3，主要是通过动画的transform:rotate()旋转360deg和border-radius而生成。 水波不断增高是通过改变width、height、left、top而成。就是让它旋转的中心点不断变高，水流的快慢可以通过具体的animation…
如图出现了1px缝隙 原因是外层的border和内层的border之间存在缝隙导致的。 通过设置外层border-right：0解决
Flex 概念部分原文：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 本文只是对概念部分加以实例帮助理解和巩固。 如果你要源码，欢迎start或者fork 1.flex的基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元…
实习几天小结 ie10以下出现如图所示蓝色边框 结构为 <a href=”#”><img src=””/></a> 通过取消img的默认样式即可 img{border-style:none;} 图片设置响应式伸缩 需要给img设置width:100%; <!DOCTYPE html> <html lang=”zh”> &l…