6最后在title标签下面插入style标签如下图所示，接着在style标签中编辑css样式，如下图所示，imgwidth100pxheightauto，这里表示把图片设置为100px宽auto表示高度根据图片比例自适应设置图片大小就完成了。

首先在在图片外部放一个div包裹img，然后给div定义你需要的宽高，然后将img的width和height都设置为100%在给图片添加objectfit cover这样不管图片多大，都可以适应div的宽高，而且还不失真imgbox width300pxheig。

直接在代码里写 图片多的话先定义一个样式在head下面写#picmaxwidth100pxmaxheight100px 图片上加个id=quotpicquot就行了，比如 不懂的话找我吧，细说。

一最简单的 其中width为图片的宽，height为图片的高 二用CSS来控制 css文件里写 img_div imgwidht500pxheight300px。

代码就是“width100%”这里的100%会自动跟随父级的宽度选择，然后将父级的高度去掉，这样子集的高度就自动化了3最后将图片设置为displayblock转为块状就可以了4最后打开浏览器就可以看到固定大小的图片了。

html中的标签中，输入css代码body textalign centerbackground urlsmall2png backgroundsize 60% 3浏览器运行indexhtml页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

例如backgroundsize100px 200px表示把背景图片大小调整为100x200px要把图像应用成为背景，要使用 backgroundimage这一 属性当backgroundimage 属性默认值是 的时候，这表示背景上没有放置任何图像如果需要设置。

2设置div的具体宽高，图片宽高分别设置为100%，代码具体如下width100%height100%这种方式，也可以将图片大小填充满盒子3如果图片是网页背景图片，还可以通过设置div盒子内属性backgroundsize为cover，这种方式也可。

图片自动缩小到固定大小 lt！ 图片按比例缩放 var flag=falsefunction DrawImageImgD var image=new Imagevar iwidth = 320 定义允许图片宽度 var iheight = 180 定义允许图片高度。

然后可以设置宽度和高度5如图所示，在new_filehtml里面编辑，就可以设置背景图片的大小了6最后在浏览器中预览一下，如图为部分背景。

2属性值其中bgsize=auto1，2cover contain 3初始值autoauto 4应用于所有元素 5继承性无 6百分比后面会说明 7计算值根据指定 2代码说明*一个值这个值指定图片宽度，第二个。

3下面设置一下电脑桌面html网页或htm文件需要显示的大小长宽高位置，如图4此处”+“符号代表添加或删除路径，如图5设置好电脑桌面html网页或htm文件需要显示的大小后，在右下角有个”Apply“确认键。

可以通过cover和contain来对图片进行伸缩语法backgroundsizeauto* 默认值，不改变背景图片的高度和宽度 * backgroundsize100px 50px* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来。

function resizeImageevt，obj ne=evtx newY=evty objwidth=ne objheight=newY 2用鼠标滚动控制图片大小 以下是代码片段 3图片标签里用代码控制大小 以下是代码片段。

大多数CMS管理系统与此设置方法类似二若不是通过CMS管理系统添加图片，则需要通过Dreamweaver或者其它网页编辑器如记事本，使用代码和参数来控制每个图片的大小具体代码为 其中，“img”是图像元素标签，src是图像。

1首先需要新建一个HTML页面2然后输入页面的标题，可以按照下方图中的进行设置3然后在根据下方图片中的代码进行编辑，4在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。