Psd 到 html 图像响应式答案

【问题标题】：Psd to html image responsivePsd 到 html 图像响应式
【发布时间】：2016-11-26 13:41:44
【问题描述】：

我有一张尺寸为 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>

我该怎么做？

【问题讨论】：

请将您的代码发布在问题本身中，以便我们为您提供帮助。
我无法在此处提供此代码，当我将代码粘贴到我的问题中时，它总是显示错误。
Make an image responsive - simplest way的可能重复

标签： html responsive psd

【解决方案1】：

您可以使用 % 而不是 px 来使图像具有响应性。

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

【讨论】：

我在哪个部分添加宽度 50% ？
image

将 width="1920" 改为 width="50%"

你能来Skype吗？

【解决方案2】：

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

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

【讨论】：