怎么让html图像和屏幕一样大
1个回答
展开全部
使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%),在使用不同屏幕浏览网页时,图片将自动铺满屏幕。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询