css - 包含内容的最佳方法？

Question

这是我的场景。

1. 我有一个 WOW 滑块，图像固定为 1360 像素。
2. 我有一个宽度设置为 100% 的表格

我的问题出现在 1360 像素以上的分辨率，因为我的表格内容比图像滑块更宽，而且看起来很糟糕。我希望表格内容以较低的分辨率填充屏幕的宽度，但不调整大小超过 1360 像素。

有没有办法用 CSS 实现这一点？我不知道还能尝试什么。

Answer 1

应用max-width:1360px到表格，或者通过 CSS 样式页面，比如

#tableId {
  width:100%;
  max-width:1360px;
}

或将其放入<table>标签本身（如果您有样式表，则不推荐）

<table style='width=100%; max-width:1360px'>

Answer 2

你正在寻找max-width.

#table {
    width: 100%;
    max-width: 1360px;
}

使用上面的方法，表格将占据 100% 的水平屏幕，但永远不会超过 1360px。