哇哈哈，大家好！今天我们要来聊聊怎么用CSS3把图片变得好kan，让我们的网页kan起来geng有趣哦！

用CSS3调整图片尺寸，简单易懂！

要给图片加个宽度和高度， 就像给衣服量尺寸一样，只要在CSS里写上“width:宽度值;height:高度值;”就好了。 反思一下。 这样图片就会按照我们设置的尺寸来显示啦！

比如说 我们想要把一张图片的宽度设为200像素， 中肯。 高度设为100像素，我们就在CSS里这样写：

img {width: 200px; height: 100px;}

这样写出来就像是在说：“小图片，你以后就长这样了哦！”

图片放大效果，CSS3也Neng轻松实现！

想要图片变大多多，用CSS3的transform属性就可yi啦！配合上scale这个函数， 开搞。 我们就Neng让图片放大了。比如说 我们要把图片放大到原来的两倍，就写：

img {transform: scale;}

这样图片就会变得hen大hen大，像变魔术一样！

图片自适应屏幕大小，CSS3来帮忙！

观感极佳。 有时候，我们希望图片Neng自动适应屏幕的大小，不变形也不出界。这时候，我们就可yi用max-width和height属性来帮忙了。写法是这样的：

img {max-width: 100%; height: auto;}，太魔幻了。

这样写出来就像是告诉浏览器：“屏幕有多大， 我就有多大， 这是可以说的吗？ dan是别把我拉得太瘦或太胖哦！”

响应式设计，让图片在不同设备上dou好kan！

现在hen多人dou在用手机kan网页，suo以我们的图片也要适应不同大小的屏幕。这时候，CSS3的媒体查询就派上用场了。我们可yi写上不同的规则，让图片在不同的设备上显示不同的样式。

比如说 我们在手机上希望图片宽度是100%，在电脑上希望宽度是500像素，就可yi这样写：，至于吗？

将心比心... @media screen and { img {max-width: 100%;} }

YYDS！ 这样写出来就像是告诉浏览器：“你kan，我有多聪明，Neng根据你的屏幕大小来调整我的样子！”

一下CSS3调整图片尺寸的小技巧！

1. 给图片加宽高，就像量衣服尺寸一样简单。

2. 用transform属性和scale函数，让图片变大变小。

3. 用max-width和height属性，让图片自适应屏幕大小，我直接好家伙。。

4. 媒体查询，让图片在不同设备上dou好kan。

学会了这些小技巧，你的网页图片就Neng变得又好kan又聪明啦！ 纯属忽悠。 记得分享给你的朋友们哦！

说到点子上了。 网站栏目：网站制作怎么tong过CSS3控制图片大小

创新互联， 专注品牌与效果的网站制作和网络营销SEO公司，服务项目有网站制作等。