响应式图片,并充满浏览器

原创
2015/01/13 09:19
阅读数 193
body{margin:0;padding:0;}   /* 去掉白边 */  
  #img1{
	width:100%;
	height:100%;
  }

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <title>Document</title>
  <style>
  body{margin:0;padding:0;}   /* 去掉白边 */  
  #img1{
	width:100%;
	height:100%;
  }
  </style>
 </head>  
 <body>
  <div>
  <img src="bg.gif"/ id="img1">
  </div>
 </body>
</html>


展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
返回顶部
顶部