hi all

i am coding a newsletter for mobile and desktops both.

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>newsletter</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body style="background-color:#d1d3cf; font-family:Arial, Helvetica, sans-serif;">
<p align="center">20 June 2013, View in <a href="#">Browser</a></p>
<table border="0" cellspacing="0" cellpadding="0" align="center" style="background-color:#FFFFFF">
  <tr>
    <td align="center" style="background-image:url(images/logo_bg.gif); background-repeat:repeat-x"><img src="images/logo.jpg" alt="" /></td>
  </tr>
so i m using "viewport" meta tag for mobiles which work fine for me.

But the problem is i want to use "width:600px" on the <table> tag for only web browsers or email clients.

If i dont use "width:600px" then the newsletter opens fine on 320x480 mobile screen but takes full width on a web browser.

If i use "width:600px" then it exceeds the mobile screen width and doesnt fit on screen.

how can i use "width:600px" only for web browsers.

vineet