【问题标题】:grid view not showing responsiveness网格视图未显示响应
【发布时间】:2013-02-18 05:05:31
【问题描述】:

我正在制作一个响应式网站,其中包含母版页和内容页。

它适用于带有基本 asp.net 控件(如文本框、复选框和按钮)的页面。

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

下面是我添加到母版页和所有 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;}

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

缩放浏览器窗口之前:

缩放浏览器窗口后:

我需要进行更多更改还是必须添加更多样式表?

谢谢。

【问题讨论】:

    标签: asp.net css gridview responsive-design


    【解决方案1】:

    我想知道您采取了哪些步骤来使 gridview 表在窄屏幕上正常工作?

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

    祝你好运!

    【讨论】:

    • 太好了,正是我们喜欢听到的。
    【解决方案2】:

    试试这个

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

    【讨论】:

    • 感谢您的回复..但它不能正常工作..对于像桌面这样的屏幕,它在左右两侧显示边距..修剪内容。
    • 尝试使用萤火虫在 FF 中设置设计。
    • 我是新手,没用过firebug,能解释一下怎么用吗?
    • 在任何浏览器中按 F12 并选择您的元素,然后根据您设置您的设计。为 Firefox 安装 firebug。
    猜你喜欢
    • 2014-04-14
    • 2019-03-09
    • 1970-01-01
    • 1970-01-01
    • 2014-02-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多