Responsive Table/CSS device check

by jch02140

HTML

<table width="90%" border="1" align="center" cellpadding="2" cellspacing="2">
                    <tr>
                        <td><div id="our-image"></div></td>
                        <td>246 2nd Street Unit A San Francisco CA 94105</td>
                    </tr>
</table>

CSS

div#our-image {
  background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/7/73/IPhone_3G.png/250px-IPhone_3G.png');
  height: 360px;
  width: 250px;
}
 
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  div#our-image {
    background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/IPad_3.png/220px-IPad_3.png');
    background-size: 220px 274px;
    -webkit-background-size: 220px 274px;
  }
}