html — php определяет ширину браузера
У меня есть медиа-запрос CSS, который изменяет размеры и перемещает div. В моем HTML этот div имеет 2 строки, но на меньшем экране я бы хотел, чтобы он отображался как 1 строка.
Есть ли способ убедиться, что у меня есть:
Website Visitors: <?php echo $data; ?>
<div class="fb-like"></div>
Вместо:
Website Visitors: <?php echo $data; ?>
<br/>
<div class="fb-like"></div>
Когда экран меньше фиксированной суммы (в данном случае 460px)?
Я хотел бы использовать php или css, поскольку они используются для стилизации в моем файле css.php.
Решение
Удалить <br/> добавьте это в ваш CSS (значения могут быть чем угодно):
.fb-like {
margin-top: 10px;
}
и в вашем медиа-запросе:
.fb-like {
margin-top: 0px;
}
Другие решения
Невозможно с полным PHP, вам может понадобиться использовать Javascript тоже !!
Вы можете попробовать следующий код, чтобы получить ширину и высоту экрана !!!
<?php
session_start();
if(isset($_SESSION['screen_width']) AND isset($_SESSION['screen_height'])){
echo 'Screen resolution: ' . $_SESSION['screen_width'] . 'x' . $_SESSION['screen_height'];
} else if(isset($_REQUEST['width']) AND isset($_REQUEST['height'])) {
$_SESSION['screen_width'] = $_REQUEST['width'];
$_SESSION['screen_height'] = $_REQUEST['height'];
header('Location: ' . $_SERVER['PHP_SELF']);
} else {
echo '<script type="text/javascript">window.location = "' . $_SERVER['PHP_SELF'] . '?width="+screen.width+"&height="+screen.height;</script>';
}
?>