想了解图片的放置问题,希望老师解疑。
来源:3-2 项目作业
AXLL
2019-06-18 22:54:02
小盒子放大图片不裁剪图片并改变其本身比例怎么设置?
大盒子放小图片不重复不裁剪图片并改变其本身比例怎么设置?
小盒子放大图片按原比例不重复不裁剪图片怎么设置?
1回答
你好同学,同学说的是背景图片吗?直接设置img标签的话,图片本身就不会重复的。关于背景图的设置,不重复使用background-repeat: no-repeat。在小盒子里面放大的背景图,可以设置 background-size:100% 100%,只要大盒子的宽高比例与图片的宽高比例不一样,就会改变背景图的比例。或者改变背景尺寸的值,让高度和宽度不一样也能改变原比例。例如 background-size:50% 100%; 大盒子放小图片也是一样的。
小盒子放大背景图如果想保持原例子,那么 background-size设置一个值,例如 background-size:50%,这样图片会根据宽度的改变,高度自动按照原比例进行缩放的。
不过这些都是要具体情况具体分析,同学如果是在练习的时候遇到此类问题,可以在问答区域提问上传代码,老师会针对代码帮助你分析哦。
祝学习愉快 ,望采纳。
相似问题