如何使asp.net下拉列表响应

时间:2013-07-23 21:03:03

标签: asp.net

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

任何例子都会很棒。

感谢您的帮助

2 个答案:

答案 0 :(得分:4)

步骤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宽度。


奖金信息:

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

<强>提示

<强>参考

答案 1 :(得分:1)

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