Question

我正在开发一个全屏显示的网站，在1080px的高度，在1920 x 1080分辨率的显示器上。

在IE中，网站的像素太高，这意味着显示滚动条。一个例子如下：

<html>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    .main {
        height: 1080px;
    }
</style>
<body>
    <div class="main">
    </div>
</body>

潜在的解决方案（最后的手段）是：

将溢出设置为隐藏。
将高度设置为1079px。

该网站将在另一个网站中用作iframe，因此我不想使用这些解决方案并正确解决问题。

有没有人有任何想法？

Answer 1

<!--[if IE]>
   .main {
        height: 1079px;
    }
<![endif]-->
<![if !IE]>
   .main {
        height: 1080px;
    }
<![endif]>

这似乎不对，但它可能是您正在寻找的东西！

Answer 2

最后我不得不：

将溢出设置为隐藏。
将高度设置为1079px以允许IE和Firefox中的额外高度。

我不想创建与浏览器相关的代码，所以认为UI可以处理为1079px，即使它是一个奇数。

在开始测试时，我认为溢出并不需要设置为隐藏。有些屏幕仍然显示滚动条，但最好隐藏它。

IE是1像素太高

2 个答案: