Получить размер окна браузера / разрешение с PHP - PullRequest
Новая
       1

Получить размер окна браузера / разрешение с PHP

4 голосов
/ 11 декабря 2011

У меня есть страница, которая начинается с панели навигации, с определенной высотой, и под ней я поместил код, который должен заполнить оставшуюся часть высоты.Как я могу кодировать его для разных разрешений?Мне нужен размер "рабочей области" браузера.

Ответы [ 4 ]

2 голосов
/ 11 декабря 2011

Не может быть сделано с PHP.Даже если это возможно, этот CSS является гораздо лучшим решением.

Вы столкнулись с самой раздражающей проблемой CSS из существующих.Кажется, что ответов на этот вопрос столько же, сколько и людей, которые его задают.Приведенная выше ссылка является лучшим и наиболее подходящим для всех браузеров решением, которое я нашел для этой проблемы.

Не позволяйте части о нижнем колонтитуле сбить вас с толку.Если вам не нужен нижний колонтитул, он все равно будет отлично работать.

2 голосов
/ 15 мая 2014

Вот как я это сделал. Я просто заменил свой 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>

1 голос
/ 30 декабря 2015

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

1 голос
/ 11 декабря 2011

Использовать абсолютное позиционирование. 

.nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
}
.content {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...