Is it possible to hide the overflow of the body for computer and not for phone?

Question

is it possible to hide to overflow only if the user is on a computer or something other then a phone? I've already tried hiding the overflow with overflow: hidden; but that hides the overflow for phone users as well. How can I achieve this?

Have a look at CSS media queries, it's very simple. It applies some CSS on large screens but not on phones, for instance — Jeremy Thille, Mar 01 '21 at 14:38
https://stackoverflow.com/questions/10061572/responsive-layout-tutorial — Daan Seuntjens, Mar 01 '21 at 16:28
Does this answer your question? [Responsive layout tutorial?](https://stackoverflow.com/questions/10061572/responsive-layout-tutorial) — Pejman Kheyri, Mar 02 '21 at 07:59

score 0 · Answer 1 · answered Mar 01 '21 at 15:03

0

Yes, you can use CSS media queries.

For example:

body{
    overflow: hidden;
}

/* this is for mobile devices */
@media only screen and (max-width: 480px){
    body{
        overflow: visible;
    }   
}

answered Mar 01 '21 at 15:03

Rev

29
6

Is it possible to hide the overflow of the body for computer and not for phone?

1 Answers1