在浏览器中更改屏幕大小会导致我们的应用程序出现问

时间:2012-10-17 07:57:42

标签: jquery html css asp.net-mvc-3 jquery-ui

我有一个没有剃刀代码的MVC Web应用程序,即只使用HTML和javascript代码构建视图。以下是我的屏幕截图。

现在在IE8中,我遇到了以下问题:

我的屏幕截图:http://www.freeimagehosting.net/ixio1

1.减少浏览器缩放级别会扭曲屏幕中的元素,即左右面板逐个垂直移动,增加缩放级别可以正常工作。

2.我有两个部分的标题。即使用户向下滚动,顶部也将始终在屏幕中可见。现在,当我将缩放级别设置为100%时,标题底部的按钮隐藏在标题的顶部后面,当我滚动到屏幕底部然后垂直滚动条消失时也会发生这种情况在任何情况下。

隐藏标题按钮的屏幕截图:http://www.freeimagehosting.net/2eq68

3 个答案:

答案 0 :(得分:1)

使用浏览器缩放通常会破坏您的网站,具体取决于您使用的CSS和HTML。使用特定的像素值甚至%有时用于尺寸会导致问题,字体大小和重量也会引起问题(浏览器对桌面应用程序通常所做的字体没有相同的细粒度控制)。

根据网站设计,最好的办法是尝试将网站开发成流畅的布局。

答案 1 :(得分:0)

很难看到,特别是截图。如果您需要完整帮助,可以更好地链接到示例。

我会说这是最有可能的CSS问题,你应该检查你是否使用像素而不是%。

你可以在JS小提琴上放一个样本,这样人们可以帮助调试,如果不是不可能的话,这个截图非常困难。

答案 2 :(得分:0)

大多数情况下,少数区域的宽度应以像素为单位。这是用户决定应用什么的地方。如果使用流体布局,则大多数区域以%固定。但是,您会发现此布局中显示的内容非常少。而在固定布局中,区域以像素为单位固定,与分辨率无关。

希望,这将清除你的想法。