想了解图片的放置问题,希望老师解疑。

来源:3-2 项目作业

AXLL

2019-06-18 22:54:02

小盒子放大图片不裁剪图片并改变其本身比例怎么设置?

大盒子放小图片不重复不裁剪图片并改变其本身比例怎么设置?

小盒子放大图片按原比例不重复不裁剪图片怎么设置?


写回答

1回答

好帮手慕夭夭

2019-06-19

你好同学,同学说的是背景图片吗?直接设置img标签的话,图片本身就不会重复的。关于背景图的设置,不重复使用background-repeat: no-repeat。在小盒子里面放大的背景图,可以设置 background-size:100% 100%,只要大盒子的宽高比例与图片的宽高比例不一样,就会改变背景图的比例。或者改变背景尺寸的值,让高度和宽度不一样也能改变原比例。例如 background-size:50% 100%; 大盒子放小图片也是一样的。

小盒子放大背景图如果想保持原例子,那么 background-size设置一个值,例如 background-size:50%,这样图片会根据宽度的改变,高度自动按照原比例进行缩放的。

不过这些都是要具体情况具体分析,同学如果是在练习的时候遇到此类问题,可以在问答区域提问上传代码,老师会针对代码帮助你分析哦。

祝学习愉快 ,望采纳。

0
hXLL
h 谢谢谢谢谢谢谢谢回复内容不能少于5个字符!????
h019-06-19
共1条回复

0 学习 · 40143 问题

查看课程