你好，可以使用背景图片，比如把img作为body的背景图，然后设置body的样式
background: #226039 url(../images/bg.jpg) center no-repeat就可以使图片100%显示，且不会拉伸，具体参数你可以查background的具体属性
希望可以帮助到你
使html中div内的图片随屏幕大小调节的 *** 作方法为，将div与img的宽度都设置为100%，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>图片大小自适应</title>
<style type="text/css">
div,img{ width:100%}
</style>
</head>
<body>
<div>
<img src="20150930010349.jpg" />
</div>
</body>
</html>
详细代码见附件。
效果图如下：
特别说明：
要图片跟随屏幕大小显示，可以将图片与div的宽度调整为100%，并且body不设置宽度（或者也设置为100%），在使用不同屏幕浏览网页时，图片将自动铺满屏幕。
1.<img><img>标签并不是真正地把图像给加入到Html文档中，而是将标签对的src属性赋值，这个值是图形文 件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知 道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的 路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img src="images/logo.gif">；假如您的图形文件放在当前的 Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<img src="../home/logo.gif">，若home是您的网站下的目录king下边的一 个子目录，则代码应该变为<img src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧！ 必须强调一下，src属性在<img>标签中是必须赋值的，是标签中不可缺少的一部分。除此之外，<img>标签还有alt、align、border、width和height属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。 border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是象素。alt属性是 当鼠标移动到图像上时显示的文本。2.<hr><hr>标签是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性 。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。 noshade属性不用赋值，而是直接加入标签即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。 下面是本教程的一个综合例子。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）