1首先打开hbuilder编辑器，新建一个html文件，里面设置一个div标签并设置div的固定宽度和高度2然后在div里面插入一张图片，将图片的宽度设置为何父级一样的宽度，代码就是width100%这里的100%会自动跟随父级的宽度；1直接添加宽高属性ltimg src=quotquot width=quot200quot height=quot200quot 2在样式表中定义img height200pxwidth200px 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽高度，后者建议。

设置图片的宽度高度，只有一张图片的设置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多张图片使用样式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style；html插入图片有两种方式一种是通过ltimg标签插入的正常的图片，另一种是通过css样式插入的背景图片问题分析1首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度2如果你插入的。

1新建html文件，在body标签中添加img标签，为img标签设置“src”属性，属性值为图片的地址，这时图片的显示大小是图片自身的大小2为img标签单独设置“width”或“height”属性，属性值为宽度或者高度，这时图片的宽度将。

html设置图片按比例缩放

1、1新建一个HTML文件，代码如下图 2打开HTML文件所在的文件夹，双击文件，跳转到浏览器 3改变浏览器大小，发现图片没有变化，显示不全 4在所在文件夹下，新建一个样式文件，命名为 autocss，代码如下 5在HTML文。

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

3、如果标签是div就写div，然后可以设置宽度和高度5如图所示，在new_filehtml里面写上这个ltlink href=quotcss1cssquot type=quottextcssquot rel=quotstylesheetquot就可以设置背景图片的大小了。

4、CSS中不定义图片高度宽度，图片默认安装自己的宽度高度显示，为了防止图片太大，撑破页面设置一个最大多少像素即可，style=quotmaxwidth100pxquot。

5、readerreadAsDataURLfile这样就能够在不上传到服务器的前提下预览图片当然，这个问题的重点是获取图片的原始尺寸，html5里还提供了两个变量来获取naturalWidth和naturalHeight，这两个分别来获取图片的原始宽度和原始高度。

6、```在这个例子中，当屏幕宽度小于768像素时，我们将`backgroundsize`属性的值设置为`100% 100%`，这样图片会等比缩放，并在宽度上自适应屏幕大小。

7、1打开html2使用标签上的height和width的属性img，即可调整图片大小为原来的百分之60HTML的全称为超文本标记语言，是一种标记语言。

8、ltimg src=quot1jpgquot width=quot500quot 同理只设置高度不设置宽度就是高度固定 如果两个都设定则按你控制的比例显示 我汗，img 的src属性设置的是相对于你网站的路径，比如说你要显示图片的网页是1html或者1asp1aspx。

html图片宽度和高度怎么设置

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

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

3、img width100%ltstyleltheadltbody ltdiv ltimg src=quot49jpgquot ltdivltbodylthtml效果图如下特别说明要图片跟随屏幕大小显示，可以将图片与div的宽度调整为100%，并且body不。