php檢測瀏覽器寬度

Question

我有一個調整 div 大小和重新定位的 css 媒體查詢。 在我的 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 文件中使用的樣式。

Answer 1

刪除<br/>在你的 css 中添加這個（值可以是你想要的任何東西）：

.fb-like {
    margin-top: 10px;
}

並在您的媒體查詢中：

.fb-like {
    margin-top: 0px;
}

Answer 2

使用完整的 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>';
}
?>