Home/ Questions/Q 7930153
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T20:19:49+00:00

So I have 2 phones an Android Nexus One and a cheap simple Android

  • 0

So I have 2 phones an Android Nexus One and a cheap simple Android device I bought for like $100 retail.

I am trying to make my website mobile device friendly using @media and CSS (I am actually using stylus and Node.JS so the code may look a bit funny).

So I added the following to my style

//trial 1
@media (max-width:480px)
  display none
//Trial 2
@media (resolution: 163dpi)
    display none
//Trial 3
@media (-webkit-device-pixel-ratio:0.75)
  display none
//Trial 4
@media screen and (max-width:480px)
  display none

At first I thought my screen was just super high res, but none of these help the less expensive device either. Everything seems to work fine in my browser so I am stumped.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try adding this meta tag to the <head> of your html:

    <meta name="viewport" content="width=device-width,initial-scale=1">
    • 0