我正在尝试在我的页面中显示照片,而在iPad上则显示照片显示失真。它在iPhone上显示得很好,除了iPad之外,还有什么想法我可以做些什么来解决这个问题?我有一个测试页面来显示我遇到的问题,谢谢!
<html>
<head>
<title>test</title>
</head>
<body>
<br>
Test <br><br>
<table border="1">
<tr>
<td>
<div id="box">
<div id="top"></div>
<div id="boxcontent">
<div class="container">
<a href="#">
<img src="#" alt="" title="" width="" height=""/>
</a>
</div>
<span style="color:#a1a1a1;font-weight:normal;font-size: 10px;">by </span>
<a href="#" onclick="window.location.reload( true );">
<span style="color:#2FB3DE;font-weight:normal;font-size: 12px;">User</span>
</a>
<span style="color:#ff5113;font-weight:normal;font-size: 10px;">on 03-29-2014 08:51 AM</span>
<!-- here is the picture getting distorted on display -->
<div>
<img src="my_pic.jpg" width="288" height="384" id="image_x" style="padding: 18px 10px 10px 7px ; float:center;clear:both;"/>
</div>
<p style="color:#ffffff;font-weight:normal;font-size: 12px;"> Just waiting. </p>
</div>
<div id="bottom" >
<p style="text-align:center; vertical-align: middle;color:#a1a1a1;font-weight:normal;font-size: 10px;">Comments 111</p>
</div>
</div>
<div style="height:5px;"></div>
</div>
</td>
</tr>
</table>
</body>
</html>