《CSS漂亮的盒子 - 为嵌入图片和元素添加样式.docx》由会员分享，可在线阅读，更多相关《CSS漂亮的盒子 - 为嵌入图片和元素添加样式.docx（2页珍藏版）》请在金锄头文库上搜索。
1、CSS漂亮的盒子 - 为嵌入图片和元素添加样式max-sizemax-width属性意味着图片会随着包含它的容器缩小而缩小，但在容器变大时，它不会大到超过自身的固有尺寸注意：父元素不要设置高度Copyimg max-width:100%; width:auto; height:auto; 有时候某些设计者或内容管系统会在HTML源代码中给图片天机awidth和height属性，这里把width和height设置为auto,某种程度上可以覆盖之前的声明，同时也可以解决IE8在不声明width时无法正确缩放图片的问题object-fit根据显示容器的大小来设置img或其他嵌入对象（video或ob
2、ject元素）的大小，比如说有一个矩形图片，我们希望通过CSS将其设置为正方形contain与cover与background-size中对应的关键字作用相同none会采用图片固有大小，不管容器多大scale-down会自动从none和contain中选一个，哪个结果尺寸小就用哪个fill为默认值最终的图片会居中，但可以用object-position重新设置此属性只有Chrome、Opera和Firefox的新版本才支持,Safari暂不支持object-position。IE和Edge还不支持，Edge不就可能会支持这里推荐一下我的前端学习Q裙：784783012 ，里面都是学习前端的，从最基础的HTML+CSS+JS炫酷特效，web开发，插件封装，设计模式到移动端HTML5的项目实战的学习资料都有整理，2020最新技术，与企业需求同步，每天都会有大牛定时讲解前端技术! 致力打造从零基础小白到月薪上万的前端大神之路学习前端，我们是认真的
