- 博客(3)
- 资源 (1)
- 收藏
- 关注
原创 css清除浮动的几种方法
当对某个标签使用浮动的时候,该块内容就会脱离文档流,其父元素便不再包裹该标签内容,父元素的高度会变成0,出现高度塌陷的问题。这个时候就要清楚浮动。 今天就来介绍一下css清除浮动的几种方法。1. 在文档最后面新加一个空的div,如下div style="clear:both">div>但是如果使用这种方法,添加了无意义的标签,违背了结构和表现分离的web结构精髓。后期难以维护。
2018-01-31 19:49:44 286
原创 响应式图片四 SVG
SVG是可缩放矢量图形,矢量图形在拉伸和缩放的时候不会变形,但很难表示色彩层次丰富和逼真的图形。下面介绍几种画svg格式图片的方法。
2018-01-31 19:35:59 549
原创 响应式图片三 通过size解决srcset坑
上篇博客我们讲到,用srcset来实现响应式图片,但srcset方法有个坑(不管图片外边的容器宽度是多少都会以百分百视口宽度去显示),需要配合size来跳过坑;size默认值为100vw–>viewport width意思是百分百视口宽度;size的值设置:xxvw;具体实现代码如下class="image" src="img/480.png"srcset="img/480.png 48
2018-01-29 20:49:17 621
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人