5

我已经看过了,似乎没有另一篇帖子正是我正在寻找的,而且我在截止日期前完成这项工作,所以让我们看看我是否可以更好地解释它。

我们在使用面板和视图幻灯片的 Drupal 站点上有一个页面正在开发中。有很多绝对和固定位置元素,因为它们需要在页面上的位置。父 div 需要具有 100% 的宽度和高度才能填充页面。请记住,此页面的重点是没有滚动条,并且无论用户使用何种屏幕尺寸,都将所有内容呈现给用户。所以我有媒体查询清理需要在某些屏幕尺寸上的元素。

尽管当用户使用浏览器放大页面时,元素开始移动并相互堆叠。我相信这是因为 100% 的高度/宽度专门遵循窗口大小,并且在用户放大时不会超出窗口。

我能够通过删除 100% 并用像素替换它们来修复它,但这会成为一个问题,因为如果屏幕的高度或宽度不正确,那么你有滚动条并且用户不会立即看到所有内容在页面上。

在浏览器缩放期间,是否有任何 JavaScript 或任何可以利用 100% 高度/宽度并允许它们扩展到页面之外并打开滚动条的东西?

请记住,如果用户放大,页面溢出并显示滚动条是可以的,但默认屏幕是不允许的。

我希望这可以显示,但是使用 Javascript 缩放整个页面的页面示例几乎是我可以看到自己需要但不知道如何。

http://www.ammunitiongroup.com/

任何帮助表示赞赏,当然越快越好:)

4

1 回答 1

0

这应该会有所帮助。让您检测现代浏览器中的浏览器缩放级别。 https://github.com/yonran/detect-zoom

示例页面: http ://htmldoodads.appspot.com/dimensions.html

于 2012-11-05T11:12:29.737 回答