请问如何让网页根据手机分辨率自动全屏？？
现在的效果:
想要在手机中达成的效果:
现在网页中的有效代码如下：
 <title>二维码扫描结果</title>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-cache"/>
<meta http-equiv="expires" content="0"/>  
<meta http-equiv="keywords" content="搜索引擎关键字"/>
<meta http-equiv="description" content="描述"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" />
<meta content="IE=7" http-equiv="X-UA-Compatible" />
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
  <link href="css/yztg_style.css" rel="stylesheet" type="text/css" />
  <link href="css/yanzheng.css" rel="stylesheet" type="text/css" />
  <meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-cache"/>

请问需要如何修改？多谢多谢！！

------解决方案--------------------
这很难？看这吧
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html