Question

我有一个以导航栏开头的页面，具有特定的高度，在此之下我放置了一个代码，该代码应该填充其余的高度。我怎么能为各种分辨率编码呢？我需要浏览器的“工作区”大小。

Answer 1

无法使用PHP完成。即使可以，this CSS也是一个更好的解决方案。

您遇到了最烦人的CSS问题。这个问题似乎有很多答案，因为有人问它。上面的链接是我在这个问题上找到的最好，最跨浏览器友好的解决方案。

不要让关于页脚的部分让你感到困惑。如果你不想要一个页脚，它仍然可以正常工作。

Answer 2

我是这样做的。我刚用这个简单的小工具替换了我的index.php，并重命名了我的index.php index2.php。它只是使用纯javascript检查这些东西，并将它们作为$ _GET变量传递给您的真实索引文件。还有什么比这更容易？全部完成！花了我5分钟，将花费你30秒：）

<html>
<head>
    <script type="text/javascript">

        if(window.innerHeight > window.innerWidth){
            var landscapeOrPortrait = 'portrait';
        } else {
            var landscapeOrPortrait = 'landscape';
        }

        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

        var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;



        window.location.replace('index2.php?width='+width+'&height='+height+'&landscapeOrPortrait='+landscapeOrPortrait);            
    </script>            
</head>

Answer 3

使用绝对定位。

.nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
}
.content {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
}

Answer 4

$window_width = "<script type='text/javascript'>document.write(window.innerWidth);</script>";

使用PHP获取浏览器窗口大小/分辨率

4 个答案: