gpt4 book ai didi

javascript - Flex 和不同浏览器的屏幕底部相对定位问题

转载 作者:行者123 更新时间:2023-11-28 02:53:49 25 4
gpt4 key购买 nike

我有一个像这样的弹性组件:

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
...
width="100%"
height="100%"
creationComplete="init()">
.......
<components:NavigationBar id="nagivationBar"
left="0" bottom="0" />

考虑到父容器填充屏幕,这应该显示在屏幕的左下角。

我刚才描述的行为在 Safari 中表现得非常完美对于 Chrome,如果下面的下载栏不可见,它会正确显示,但一旦下载栏有东西,它就会覆盖其底部。而且 FireFox 似乎总是隐藏在距离屏幕底部 50 像素左右的地方。

似乎每个浏览器都以自己的方式呈现 100% 高度。

您建议克服这个问题的最佳方法是什么?我可以在底部添加 100 像素边距,但这不是我想在此应用程序中执行的操作。

最佳答案

<head></head> 中尝试类似的操作加载 Flex 应用程序的 HTML 页面部分:

<style type="text/css">
html, body{
width: 100%; /* make the body expand to fill the visible window */
height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
}

</style>

不确定这对您的情况有帮助,但很容易尝试。

关于javascript - Flex 和不同浏览器的屏幕底部相对定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3176434/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com