6最后在title标签下面插入style标签如下图所示，接着在style标签中编辑css样式，如下图所示，imgwidth100pxheightauto，这里表示把图片设置为100px宽auto表示高度根据图片比例自适应设置图片大小就完成了；图片被缩放后在div的尺寸是width50px因为图片的width100%height50px这里height是在width100%被缩放后的尺寸我们可以发现这个50px的高度仍然超出了div的40px的高度，不符合maxheight 这个时候，maxheight。

影象里面影象大小就可以，后面有百分比可以可以厘米都可以要勾选约束比例就可以了在PS中如何等比例放大缩小图片 在图层面板选中图片所在图层ctrl+t自由变换，可以看到边上有九个点，按住shift，之后滑鼠在四个角的点拉伸；设置图片的宽度高度，只有一张图片的设置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多张图片使用样式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style。

img height200pxwidth200px 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽高度，后者建议使用js解决3指定div里背景图大小的方法如下div backgroundurlimg_flwrgifback；可以通过backgroundsize属性来设定背景图片的大小它可以是像素px或者是百分比%，举例说明backgroundsize950px*200px这表示把背景图片大小调整为宽度950像素，高度200像素1backgroundsize的语法说明1属性。

html图片等比例缩小代码

centerimgBox， imgBox imgwidth100%height100%ltstyleltheadltbodyltdiv class=quotimgBoxquotltimg src=quot1jpgquot ltdivltbodylthtml如上代码可以实现，把图片换一下就OK了，希望可以帮到你。

使用CSS maxwidth和maxheight实现图片自动等比例缩小 很简单我们要使用到maxwidth和maxheight，这样即可设置对象图片最大宽度和最大高度，这样图片就会等比例缩放图片，然图片相对不变形清晰使用maxwidth300px或max。

利用电脑系统自带的画图软件可以将图片等比例缩小1用鼠标选中要缩小尺寸的图片，然后右击鼠标在出现的菜单中打开方式选择电脑自带的画图软件2进入画图软件中，找到“重新调整大小”选项，然后单击鼠标3然后进入一个。

将span元素调整为块元素设置display block，赋予固定的宽度或百分比 之后为图片设置宽度和高度，宽设置为100%，即可让图片等比例进行缩放，宽度等于span的宽度，高度会等比例变化 box display block width。

width”或“height”属性，属性值为宽度或者高度，这时图片的宽度将变成设置的宽度，高度将会按原比例进行缩放 3同时为img标签设置“width”和“height”属性，这时图片的大小将会完全按照设置的大小显示。

1首先拿出电脑，开的vscode软件2其次找到关于照片的代码，更改图片标签3最后加上big指令，输入指数即可等比例缩小。

2首先打开photoshop图像处理软件并绘制黑色矩形区域用于演示3绘制完成后使用快捷键CTRL+ALT+T 对图形进行复制后移动到合适位置4将复制后的图形移动到合适位置后，使用快捷键CTRL+SHIFT+ALT+T进行等间距复制，可以看到。

html背景图片等比例缩放

输入css样式代码body background urlimage7jpg norepeatbackgroundsize 250px3最后，浏览器运行indexhtml页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。

1新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleXn”，scaleXn指的是对宽度进行缩放，n指的是缩放比例2将transform的属性值改为“scaleYn”。

其值为norepeat注意如果不加backgroundrepeatnorepeat属性，则图像会重复显示3将percentage设置为50% auto注意高度设置为auto后，图片会根据具体宽度等比例调整高度，图片不会变形。