Abriefintroductiontothetechniqueofadjustingthefitsizeofthepicturethroughtheobject-f

Abriefintroductiontothetechniqueofadjustingthefitsizeofthepicturethroughtheobject-f
您还记得通过设置图片的背景大小属性来解决许多问题的时间吗现在可以使用对象匹配。它是由WebKit内核浏览器支持。不久,其他浏览器核心也在迎头赶上。当然,这不包括IE浏览器下IE8。

CSS代码将内容复制到剪贴板。
{。image__contain
对象匹配:包含;
}
{。image__fill
对象匹配:填充;
}
{。image__cover
对象匹配:覆盖;
}
{。image__scale-down
对象匹配:缩小规模;
}

摄影中心
这幅图片的切割尺寸非常简单。你只需要在CSS中使用这一行:

CSS代码将内容复制到剪贴板。
{ IMG
对象匹配:覆盖;
}

这是它u3002no语义封装DIV,或其他任何无意义的代码是必要的。

这种技术可以很好地将不合适的头像图像分割成方形或圆形的图片,例如下面的熊的广阔的图片。一旦对象适合:封面技术应用于这张图片,并且设置是宽的和高的,图片本身将被切割和中间。
对象的配合方式:盖的卡完全相同,背景尺寸:封面,但它是用来为IMGS设置样式,视频和其他媒体的标签,而不是背景图片设置样式。

tag:电脑软件Abriefintroductionto

相关内容