如何最大限度地减少网站窗口的动态,而不是笨重?

时间:2016-05-29 16:28:59

标签: html css

更具活力,我不是指响应能力或移动选择。我想要的是每次窗口最小化时出现水平滚动条,并且所有元素都不适合新的较小窗口大小。这不是最好的用户体验,但它是缺乏移动选择/响应能力的临时解决方案。我让它工作(有点),但遇到了一些问题。 正如你在这里看到的: https://jsfiddle.net/ruegnear/

此JSFiddle中没有任何照片或任何内容,因为它位于我的文件目录中,但问题仍然明显可见。

当它被最小化(垂直变窄)时,右侧的列消失(带有深蓝色圆圈和文本的列)并被白色空白空间替换。当它以相反的方式最小化(高度< width)时,导航栏等元素会被完全压缩并且看起来不专业。

我试过了:

overflow-x: auto;
overflow-y: hidden;

但这只是隐藏垂直滚动,这在这种情况下是不切实际的。

我也尝试过:

min-width: 1000px;

并且如果窗口首先低于该宽度/ res,则允许出现水平滚动条,但仍会导致上述问题。

1 个答案:

答案 0 :(得分:0)

不知道你在哪里可以找到它,但我认为你可以用jquery来解决这个问题

http://www.w3schools.com/w3css/default.asp也许这可以提供帮助,因为它具有响应性。