Labels

Android (1) bash (2) boost (2) C (34) C++ (2) cheatsheet (2) CLion (6) css (3) Debian (33) DL (17) Docker (2) Dreamweaver (2) Eclipse (3) fail2ban (4) git (5) GitHub (4) Hacking (3) html (8) http (1) iOS (1) iPad (1) IRC (1) Java (31) javascript (3) Linux (167) Mac (19) Machine Learning (1) mySQL (48) Netbeans (4) Networking (1) Nexus (1) OpenVMS (6) Oracle (1) Pandas (3) php (16) Postgresql (8) Python (9) raid (1) RedHat (14) Samba (2) Slackware (47) SQL (14) svn (1) tar (1) ThinkPad (1) Virtualbox (3) Visual Basic (1) Visual Studio (1) Windows (2)

Tuesday, 21 September 2021

Detect screen size in php

Detecting the screen size in php, is not something that can be done with php alone but the following is what I use to kind of get around it.

Firstly, we need to have a css page and have it included, such as;

<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<link rel="stylesheet" href="resources/common.css">

In our common.css file, we can have something like;

@media screen and (max-width: 600px) {

    .hide_in_mobile_view{
        display: none;
        visibility: hidden;
        /*display: block;*/
        /*visibility: visible;*/
    }
}

In the above, anything below a screen width of 600 will be affected. 

We can add the class to whatever we want such as;

<div class="hide_in_mobile_view">
...
</div>

In the case of php, we can do the following;

<div class="hide_in_mobile_view">
    <?php
        echo "normal view";
    ?>
</div>

normal view will only be displayed on screen widths greater than 600.


No comments:

Post a Comment

Note: only a member of this blog may post a comment.