我有一个由5张图片组成的表格，该如何为该表格设置样式，以便在多种浏览器尺寸上按比例缩放？

Question

The image table looks fine except when you shrink the browser size and then the table expands past the window size. I don't need the table to be responsive (it is only 5 images), I need the table to scale with the browser size.

Here is the JSFiddle link

http://jsfiddle.net/gacujuvx/

this is how i styled one image in the stylesheet.

.comfyone    { 
  width:570px;
      height:214px;
      background:url(http://104.131.100.112/wp-content/uploads/2015/01/1stad1.jpg);
  background-size:cover;
   }

You can see the html table in the JSfiddle example I provided.

If somebody could provide an answer that works, I would be very appreciative.

Answer 1

If you need the table to scale then you do need the table to be responsive. What do you think responsiveness is if not scaling depending on browser size?

.comfyone    { 
      width:20%;
   }

set your width and height in percentages so their size is based on the size of the screen