摘要:实现图片自适应容器经常有这样一个场景,需要让图片自适应容器的大小。虽然符合了自适应的要求,但是如图所见图片失真了。这种图片比容器小的情况强行将图片自适应的话图片就失真。利用的属性就能进一步优化图片的宽高都小于容器的情况了。 css实现图片自适应容器 经常有这样一个场景,需要让图片自适应容器的大小。 1、img标签的方式 我们马上就能想到,把width、height 设置为100%啊。来...
摘要:如何产生在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下组件我用在上面标签中插入一个,组件样式都会在选择器的最后加上属性样式添加了浏览器渲染的和如下样式不生效,因为标签里没有属性如何解决很简单将去掉的属性。 如何产生 在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下 //// vue 组件 //我用js在上面div标签中插入一个text goes h...
摘要:顾名思义,灵活的椭圆。椭圆,是我们今天的主角。所以,在宽高不一致的情况下,我们可以把角做成一个椭圆。接受百分数,不仅仅是具体的值。椭圆有两个轴轴,四个角。分别是给它们赋予不同的值就可以实现很多奇妙的图形。 Flexible ellipses 顾名思义,灵活的椭圆。椭圆,是我们今天的主角。拿它用来做什么呢??,对了,拿它做圆角。 border-radius,这是个 简单,实用的属性,我们...