0
  1. 我的问题：

我有一个流畅的 CSS 设计布局，效果很好，尽管直到我的 asp.net: table把事情搞砸了！当用户减小浏览器大小或用户通过移动设备登录时，我的表格将自行扩展到它的实际宽度，大约为 1000 像素。

  1. 我试图做什么：

我试过使用javascript代码来解决这个问题，它只有在我指定最大宽度时才有效，但我需要一种方法让这段代码知道屏幕的当前最大宽度

  1. 我使用的代码：

剧本：

   <script language="javascript" type="text/javascript">

       $('#dvTableDock').width($('#dvPageWidth').width());


    </script>

然后我创建一个样式：

.TableDock
    {
        overflow-x: auto;
        overflow-y: auto;
        width: 870px; // Need to dynamically specify width here
        height:200px;
        padding: 0 0 17px 0;
    }

然后我添加一个获取屏幕宽度的 div 并将样式和脚本应用于包装表格的另一个标签：

<div id="dvScreenWidth" visible="false">
</div>
<div class="TableDock" id="dvTableDock">
 //table in here
</div>

我想要的是让停靠栏知道何时显示水平滚动，即当屏幕宽度小于 1000 像素并且表格开始延伸到页面之外时。

我真的希望我已经在这个问题上说清楚了，但请让我知道需要哪些其他信息来帮助我。感谢任何帮助或纠正我的错误的人。

4

2 回答 2

1

而不是使用固定宽度（即像素单位）使用百分比。 

.TableDock
    {
        overflow-x: auto;
        overflow-y: auto;
        width: 95%;
        height:200px;
        padding: 0 0 17px 0;
    }
于 2013-02-27T12:19:45.670 回答
0

所以这是我自己的解决方案：

.TableDock
        {
            overflow-x: auto;
            overflow-y: auto;
            //Remove the width and height completely
            padding: 0 0 17px 0;
        }

我通过完全删除宽度和高度解决了这个问题

于 2013-03-01T13:56:56.907 回答