Question

我有一个有两个固定列的表，一个在左边，一个在右边。

目前它只能在一个分辨率下工作。但是当分辨率改变时，右边的列会变得非常混乱。

这是控制边距（允许固定列空间）和宽度的主类：

#myTable > .wrapper {
    overflow-x: scroll;
    overflow-y: visible;
    width: 83%;
    margin-left: 126px;
    margin-right: 45px;
}

我尝试使用开发人员工具并在调整浏览器大小时更改宽度值。到目前为止，这是我找到的唯一解决方案。虽然，这将需要大量的媒体查询，这不是一个更好的解决方案。

我怎么可能编辑我的css课程以使其响应？

Here is a demo

Answer 1

尝试使用min-width和max-width：

来限制包装的宽度

#myTable > .wrapper {
    overflow-x: scroll;
    overflow-y: visible;
    max-width: 83%;
    min-width: 40%;
    margin-left: 126px;
    margin-right: 45px;
}

<强> FIDDLE DEMO

如何使具有两个固定列的表响应？

1 个答案: