如何使表（有图片）响应？

Question

我是新手，我正在朋友的电子商务网站上工作。她的产品显示在表格中，我们希望使其具有响应性。除了目录列表，现在一切都是响应。如何在不创建超小型产品图像的情况下开展工作？

Answer 1

  

数据表可能非常广泛，必然如此。单排   数据需要保持在一起，以便在表格中表达任何意义。表   可以弯曲宽度，但它们只能在开始前变窄   不舒服地包裹细胞内容，或者只是简单地包裹细胞内容   窄。

响应式设计就是调整设计以适应不同尺寸的屏幕。那么当屏幕比数据表的最小宽度窄时会发生什么？您可以缩小并查看整个表格，但文字大小太小而无法阅读。或者您可以放大到可读性，但浏览表格需要垂直和（悲伤的）水平滚动。

在某些时候，你将不得不隐藏图像或列，但你可以做的不是太多。关于响应式数据表有一个很好的CSS Tricks article。