【问题标题】:How to make a asp.net drop down list responsive如何使asp.net下拉列表响应
【发布时间】:2013-07-24 05:29:52
【问题描述】:

我想知道如何使 asp.net 下拉列表响应。我的意思是当我在我的智能手机上时,它会格式化它的宽度以适应屏幕,当我在平板电脑上时,它会这样做等等。

任何例子都会很棒。

感谢您的帮助

【问题讨论】:

  • 您的投票被否决了,因为您尚未向我们展示您迄今为止所尝试的内容。在向 SO 发布问题之前,您需要进行一些研究和反复试验。

标签: asp.net


【解决方案1】:

第 1 步:添加一个或多个 CSS 类

您需要首先将 CSS 类添加到下拉列表控件(以下称为“控件”)。这可以通过向控件中的 CssClass 属性添加一个或多个类来完成。此外,您应该查看条件 CSS 语句。


第 2 步:将常用的响应式设计样式添加到类中

基本的响应式设计风格是这样的

.responsiveWidth{width:100%;max-width:950px;min-width:650px;}

要记住的事情...

请记住,在使用最大和最小宽度时,如果您对 width 使用百分比,那么您应该为 max-widthmin-width 使用显式宽度。这是双向的,所以你可以这样做:

.reponsiveWidth{width:900px;max-width:100%;}

...这将使控件保持在 900px 宽度,除非屏幕宽度低于 900px。


奖金信息:

这是我书签中“响应式设计”文件夹中的一些链接...

提示

参考文献

【讨论】:

    【解决方案2】:

    给它一个 css 类并将宽度设置为相对大小。 (例如 100%)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-05-06
      • 1970-01-01
      • 1970-01-01
      • 2011-10-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-03
      相关资源
      最近更新 更多