iPad上的图片显示失真

时间:2014-03-30 22:49:47

标签: jquery ios css html5 ipad

我正在尝试在我的页面中显示照片,而在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>

0 个答案:

没有答案