Css that fits for phone and tablet?

hey there, i am using css code for my app, but it good only for phone mode, and in tablet mode it’s a mass… there is an option to put other css for tablet mode? thx

What is the specific CSS you’re using?

If you know in advance the size of the devices then using @media will help.

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

3 Likes

this is the css

 <div style="position: fixed; top:0px; left: -5%; z-index:-1;" target="_blank">
<img class="back_image" src="[/img]">
    <pre><span><style>
    .back_image{
    width: max(100%, 30vw);
    }
<pre><span><style>
/*Hide svg at the top——————————————*/
.jiuuwu svg { display: none; }
/*Hide tytle at the top——————————————*/
[data-test="glide-app-bar"] {display: none}
/*Hide the bar at the bottom——————————————*/
#tabBar{ display:; }
/*Hide svg at the bottom——————————————*/
.sc-cOigif.fALvAp svg { display: none; }
<pre><span><style>
/*Hide svg at the top——————————————*/
.jiuuwu svg { display: none; }
/*Hide tytle at the top——————————————*/
[data-test="glide-app-bar"] {display: none}
/*Hide the bar at the bottom——————————————*/
#tabBar{ display:0; }
 svg at the bottom——————————————*/
.sc-cOigif.fALvAp svg { display: none; }

i dont really know how to use the @media

It seems like you’re trying to hide things there, and then display a back_image property. Can you show us the two screenshots on your phone and your tablet?

I’m also seeing a lot of unstable class names, so half of them probably aren’t working on different devices.

3 Likes