网格视图未显示响应性

时间:2013-03-04 06:44:22

标签: asp.net css gridview responsive-design

使网站响应拥有母版页和内容页。

它在具有基本asp.net控件(如Textbox,Checkbox和按钮)的页面上工作正常。

不适用于网格视图有界的网页

以下是我添加到母版页和所有aspx页面的代码:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="HandheldFriendly" content="true">

及以下是我在样式表中添加的代码:

#main { width: auto; margin: auto;}

以下是数据网格未显示响应性的快照

在缩放浏览器窗口之前

before scaling browser window

缩放浏览器窗口后

after scaling browser window

我是否需要进行更多更改,或者我必须添加更多样式表?

谢谢。

2 个答案:

答案 0 :(得分:1)

我想知道你采取了哪些措施让gridview表在狭窄的屏幕上运行良好?

看看这两个链接是否有用:
how to add responsive behaviour to gridview
jQuery responsive table plugin

祝你好运!

答案 1 :(得分:0)

试试这个

#main 
{ 
 width: 960px; 
 margin:0 auto;
 overflow:auto;
}