Question

我有一张尺寸为1920像素宽的jpg照片，但我想要响应这个宽度。

HTML

<html>
   <head>
      <title>image</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   </head>
   <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
      <!-- Save for Web Slices (image.jpg) --> 
      <table id="Table_01" style="width:50%" border="0" cellpadding="0" cellspacing="0">
         <tr>
            <td colspan="17"> <img src="images/image_01.jpg" width="1920" height="29" alt=""></td>
            <td> 
         </tr>
         <tr> <img src="images/spacer.gif" width="1" height="45" alt=""></td> </tr>
      </table>
      <!-- End Save for Web Slices --> 
   </body>
</html>

我该怎么做？

Answer 1

您可以使用％来使图像响应而不是px。

例如，你可以使用50％的宽度使图像的大小是页面大小的一半。（宽度= 50％，而不是width = ___ px） <img src="source.jpeg" width="50%" height="75%">

Answer 2

另一种解决方案是更改css文件中的宽度。

class-name-of-image.img{ width=50%; height=75%; }

Psd到html图像响应

2 个答案: