表中的响应式图像

我需要建立一个通讯，公司不需要divs，只需要表格。它也必须跨浏览器兼容。 SO不能使用，显示，响应字体，类似的东西。所有的CSS都必须是内联的。表中的响应式图像

在一些单元格中，我需要有3个图像，每个图像一个，并且在同一行中完全对齐相同的大小。他们需要对细胞的大小作出反应，占据td的100％。

问题是，随着浏览器更改大小，图像与另一个大小明智不同。示例：如果浏览器的宽度发生变化，则Pic1宽度变为150px，但Pic2变为152px。 Pic3去151px。

是否有办法防止这种情况发生？

我在说什么的一个小例子。这些图像具有相同的大小在那里，但他们仍然差一从另一个。（当然这些图像存储在本地，所以你不能真正看到什么。只是张贴在这里给代码的想法。）

<!DOCTYPE html> 
<html> 
<head> 
    <title>Table Test</title> 
</head> 
<body> 
    <table cellspacing=0 cellpadding=0 style=" width:80%; "> 

     <tr> 
      <td style="border: 2px solid #000;"> 
       <img style=" width: 100%; display:block" src="1.png"> 
      </td > 
      <td style="border: 2px solid #000;"> 
       <img style=" width: 100%; display:block" src="2.png"> 
      </td > 
      <td style="border: 2px solid #000;"> 
       <img style=" width: 100%; display:block" src="1.png"> 
      </td> 
     </tr> 

    </table> 
</body> 
</html>

预先感谢任何能够帮助我的人。 ;）

来源

2016-11-22 rbossan

表意不进行页面设计表格数据。为什么你不能使用div？ – mlegg

大多数电子邮件客户端不会很好地处理div。因此，这是一份通讯，我工作的公司希望使用表格。 – rbossan

尝试追加这个类的img

.img-responsive 
{ 
    display: block; 
    max-width: 100%; 
    height: auto; 
}

来源

2016-11-23 03:15:05

我的雇主在这个问题上有了更多的灵活性。所以没有必要。但感谢您的帮助;） – rbossan

表中的响应式图像

回答

相关问题