0

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

任何例子都会很棒。

谢谢您的帮助

4

2 回答 2

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%;}

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


奖金信息:

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

提示

参考

于 2013-07-23T21:24:01.267 回答
1

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

于 2013-07-23T21:18:34.897 回答