css3怎么实现图片缩放，css实现一个图片放大缩小的动态

css问题:如何控制背景图片的大小

1、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

2、首先，打开html编辑器，新建html文件，例如：index.html。

3、可以通过cover和contain来对图片进行伸缩。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。

5、CSS可以控制图片的大小，也可以控制背景图片的位置，但是不可以控制背景图片的大小，假如你背景图片是100*100的大小，你只要10*10的背景图，那么你就单独做一个10*10的背景图不就好了。

6、如果你的容器是自动高度的话，那么你就需要给这个容器最小高度这个属性，以便让背景能够显示出来。背景图片无法定义大小的。如果是一些平铺纵铺的背景，那你就可以使用repeat-x ，-y 这类的属性就可以实现。

相关问答

Q1: 在css3中怎样使背景颜色缩放,而边框不动

cover表示覆盖整个容器。你要背景全部那么需要注意的是html，body {height：100%} 当然以上内容不兼容低版本IE浏览器和不兼容css3规则的浏览器。你说的背景整张显示，我之前项目遇到过这样的需求。我是直接用脚本写的。

首先，没办法在背景图片上直接应用css3变形操作。不过可以曲线救国。使用两个div标签，也可以是其他元素，一个只设置背景，针对该元素设置变形。

可以用css3中“transform： scale()”属性对图片进行缩放。

backgroud 属性的内容可以通过伪类hover或JS动态改变，定义a：hover 的背景色就可以。具体看希望实现什么效果，可以查阅CSS的背景属性使用方法。

Q2: CSS使图片自适应显示宽度代码怎么用?

1、500px：this.width+px}；return ’120px’ 载入时显示宽度为120px}(this))；} 利用的onload 事件使图片载入完成后计算其尺寸大小，如果超过500画素就显示为500画素，否则显示其预设宽度。

2、输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。

3、首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。

4、a1{ width：300px； height：100px； border：solid 2px #00F；} a1 img{ width：100%； height：100%；} 不明白追问。

5、html代码为： 这样就可以了，里面的图片都不会超出.box的宽度。

6、HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

css3怎么实现图片缩放的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css实现一个图片放大缩小的动态、css3怎么实现图片缩放的信息别忘了在本站进行查找喔。