php détection de la largeur du navigateur

Question

J'ai une requête média CSS qui redimensionne et repositionne un div. Dans mon html ce div a 2 lignes mais sur le plus petit écran je voudrais l'afficher comme 1 ligne.

est-il un moyen d'assurer que j'ai:

Website Visitors: <?php echo $data; ?> 
<div class="fb-like"></div> 

Au lieu de:

Website Visitors: <?php echo $data; ?> 
<br/> 
<div class="fb-like"></div> 

Lorsqu'un écran est inférieur à un montant fixe (dans ce cas 460px)?

Je voudrais utiliser php ou css car ils sont ce que j'utilise pour le style dans mon fichier css.php.

Answer 1

Pas possible avec PHP complet, vous pourriez avoir besoin d'utiliser Javascript aussi! Vous pouvez essayer le code suivant pour récupérer la largeur et la hauteur de l'écran !!!

<?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>'; 
} 
?> 

Answer 2

Retirez le <br/> ajouter dans votre css (valeurs peuvent être tout ce que vous voulez):

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

et dans votre requête média:

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