设置了max-width后,ie10 img仍然被拉伸(已解决)
css / 2019-4-10 22:55:52 223 views

问题描述 最近碰到一个很奇怪的问题,项目只要兼容到ie10,设置了max-width后,ie10的图片仍然被拉伸了。 期望的图 问题图 通过调试发现,ie10上的img被莫名其妙的赋值上了width和height属性 <img src=”xxx” width=”” height=”” /> 原来的css max-width: 161px; max-height: 130px; 解决方案…

通过css和js实现水流效果,附效果图和原理解析
css , js / 2018-7-4 22:57:31 1,032 views

css和js实现水流效果 最终实现的效果图   实现的原理 通过1 和2实现三角形(当然最终也可以制作成圆形或者其他形状),水波的原理在于3,主要是通过动画的transform:rotate()旋转360deg和border-radius而生成。 水波不断增高是通过改变width、height、left、top而成。就是让它旋转的中心点不断变高,水流的快慢可以通过具体的animation…

Flex 弹性布局 附详细demo,可以自己慢慢玩!
css , js / 2018-3-25 22:00:41 1,019 views

      Flex 概念部分原文:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html  本文只是对概念部分加以实例帮助理解和巩固。 如果你要源码,欢迎start或者fork 1.flex的基本概念 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称”容器”。它的所有子元…

实现几天小结
css , html / 2018-3-5 18:06:28 1,273 views

实习几天小结 ie10以下出现如图所示蓝色边框 结构为 <a href=”#”><img  src=””/></a> 通过取消img的默认样式即可 img{border-style:none;}   图片设置响应式伸缩 需要给img设置width:100%; <!DOCTYPE html> <html lang=”zh”> &l…