代码之家 › 专栏 › 技术社区 › luccastera

如何根据屏幕分辨率调整ASP.NET页的大小

asp.net

8

luccastera · 技术社区 · 16 年前

我正在开发一个具有图表控件的Web应用程序。我开发了一个通用的图表用户控件来在整个应用程序中使用。

我正在寻找一种快捷的方法来设置图表控件以及其他控件的宽度、高度(基于屏幕)(浏览器大小)。

请帮帮我谢谢沙克

4 回复 | 直到 16 年前

1

3

Jon Adams 16 年前

听起来您想基于客户端值调整服务器端动态图像的大小。首先需要加载一次页面,使用javascript获取屏幕大小。(谷歌搜索。您可以获得完整的跨浏览器技术列表,其中的javascript元素在 Quirksmode.org ,但您仍然需要了解如何自己编写脚本。)然后,将该大小发回服务器,使用新大小设置控件,然后像往常一样将其呈现给客户机。请记住,如果用户调整浏览器窗口的大小,它将不再“适合”。你可以像Aaron提到的那样使用CSS的百分比大小,但是浏览器当然会调整图像的大小,这看起来永远不会那么好。

另一种选择是把它放在闪光控制中。通常,只要图表通过flash以向量元素呈现,这些调整的动态效果就会更好。

不管怎样,你都要确保这对你的网页设计是有意义的。有时使其具有动态性是好事,有时一定数量的静态大小是有意义的——所有这些都取决于许多东西,包括是否值得它去做所有这些麻烦。

2

4

AaronSieb 16 年前

一般来说,确定元素相对于客户端屏幕的大小的最简单方法是为其指定一个百分比(例如25%)的宽度。您还可以通过以ems(例如10em)为单位指定宽度来相对于字体大小调整对象的大小。

如果百分比不起作用,那么另一种方法是使用javascript在客户端浏览器中动态调整对象的大小。缺点是javascript必须与构成控件的HTML元素交互,而不是直接作用于控件。

3

1

Kyle B. 16 年前

一款来自Cyscape的产品叫做“Browserhawk” http://www.cyscape.com/showbrow.aspx 将为您提供在服务器端做出正确呈现决策所需的信息。

4

0

Community CDub 8 年前

设置为100%x 100%的隐藏DIV可用于告诉您浏览器窗口的客户端区域大小;我认为没有回发/回调就无法测量屏幕。

看见 How to implement a web page that scales when the browser window is resized 更多信息