用图像缩放整个表格

Question

我正在制作这个响应式网页：http://jsfiddle.net/GeDxr/174/

我需要屏幕上的图像是分开的，所以我把它们放在一张桌子里。问题是，调整大小时桌子会拧紧。有没有什么方法可以保持＆＃39;屏幕＆＃39;一个整洁的图像，由这些不同的部分组成？

单元格css中的当前表格/图像：

    table {
    width: 100%;
    background-color: #00BF6E;
    min-height: 100%;
}

img {
    width: auto;
    height: auto;
}

谢谢！

Answer 1

你的图像有一个最小高度。我在下面的代码中为你评论了这个：

.css-mb .mb-screen img {
  width: 100%;
  /* min-height: 100%; <-- remove this */
  position: center;
}

如果给出最小宽度和最小高度，图像将变形，因为宽高比变化（它们都填充了100％的可用空间）。仅使用最小宽度可确保比例保持不变。