PHP如何让生成二维码的图片在手机上自适应图片大小

[lidaoying]

PHP如何让生成二维码的图片在手机上自适应图片大小，我在电脑上显示图片刚刚好，但用手机打开我的网站就显的图很大，有1/3的图看不到，请问下怎么将下面那个生成二维码的图片根据这个<form id="theForm" name="theForm" method="post" action="" onSubmit="return chk(this)" runat="server" style="margin-bottom:0px;">表单上自行居中自适应图片大小显示

<style type="text/css">
body{

}
.a{
margin:0 auto;

}
</style>



</div>
</div>
<form id="theForm" name="theForm" method="post" action="" onSubmit="return chk(this)" runat="server" style="margin-bottom:0px;">

<div class="a"><div class="hpanel"><div class="panel-body">
<div align="center">
复制二维码发给你的好友，对方用手机扫扫即可将你做为推荐人进行注册
<?php
error_reporting(E_ALL || ~E_NOTICE);
$str=$_GET["id"];
?>							 
<?php
include 'phpqrcode/phpqrcode.php';    
$valua ='http://www.invest-ds.com/zc.php?id=';
$value = $valua .$str; //二维码内容   
$errorCorrectionLevel = 'L';//容错级别   
$matrixPointSize = 7;//生成图片大小   
//生成二维码图片   
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);   
$logo = 'image/MMM.png';//准备好的logo图片   
$QR = 'qrcode.png';//已经生成的原始二维码图   

if ($logo !== FALSE) {   
    $QR = imagecreatefromstring(file_get_contents($QR));   
    $logo = imagecreatefromstring(file_get_contents($logo));   
    $QR_width = imagesx($QR);//二维码图片宽度   
    $QR_height = imagesy($QR);//二维码图片高度   
    $logo_width = imagesx($logo);//logo图片宽度   
    $logo_height = imagesy($logo);//logo图片高度   
    $logo_qr_width = $QR_width / 5;   
    $scale = $logo_width/$logo_qr_width;   
    $logo_qr_height = $logo_height/$scale;   
    $from_width = ($QR_width - $logo_qr_width) / 2;   
    //重新组合图片并调整大小   
    imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,   
    $logo_qr_height, $logo_width, $logo_height);   
}   
//输出图片   
imagepng($QR, 'helloweixin.png');   
echo '<img src="helloweixin.png">';
echo $value;
?>
</div>
</div>
</form>
<br />
<p align="center"> </p>
	<div>
	<div style="color: rgb(0, 0, 0); font-family: Simsun; font-size: medium;">
		<strong><span style="font-size: 20px;"><span style="color: rgb(255, 0, 0);">立即注册: </span><a href="zc.php"><span style="color: rgb(255, 0, 0);">http://invest-ds.com/zc.php</span></a></span></strong></div>
	<div style="color: rgb(0, 0, 0); font-family: Simsun; font-size: medium;"></div>
<div style="color: rgb(0, 0, 0); font-family: Simsun; font-size: medium;">
	   </div>
	</div>
<div>
</div>
<div>
</div>
<div>

[智商众筹]

<meta name="viewport" content="width=device-width, initial-scale=1" /> header加这个，img的宽度变成百分比，同时加一个max-width