制作响应更大的div图像

Question

我正在尝试制作一个自适应的电子邮件模板，其中包含一封信，可以从信封中找到它。

字母小于信封，我不能以与div相同的方式调整大小。
如果我把width: 100%放在信封上，我会得到相同的div调整大小，所以不好 如果我放margin-left: -50px;，它会在左侧向右移动，但在右侧，信封保持默认大小并且div调整大小。

我正在使用bootstrap作为网格系统。

这是模板：http://www.kakaostudio.it/newsletter_v1/index_test.html

这是最终结果：

Answer 1

蛮力方法如下，这将为您提供如何进行的好主意。

      AND (sheet_ID,revision) IN (SELECT sheet_ID,MAX(revision)
                                  FROM product_sheets
                                  GROUP BY sheet_ID
                                  );

通过这样做，您可以为信封提供更大的宽度，使其与上方的div匹配。然后向左移动，左边缘为负边距。

我有一个1920px宽度的屏幕，它显示我完全同步，但它没有响应这种方法。您需要使用许多媒体查询来调整大小。

您可以尝试使用负值％左边的边距，或者甚至更好地使用＆＃34; vw＆＃34;值。位置：相对而左侧的负值将给出与margin-left相同的结果。

Image我的方法结果。