0

HTML head- 

<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport" content="maximum-scale=1">

CSS media query-

@media handheld, screen 
  and (min-width: 200px)
  and (max-width: 399px){}
ashkufaraz
  • 5,179
  • 6
  • 51
  • 82
Simple Jack
  • 1
  • 1

2 Answers2

0

i don't know why you using handheld.. I just post my answer media query for mobile.

@media only screen and (min-width:300px) and (max-width :399px) { }

Prasath V
  • 1,336
  • 4
  • 20
  • 39
0

First, handheld is not supported by most mobile browsers, you can see more from this question: Do iPhone / Android browsers support CSS @media handheld?

Second, the breakpoint of your @media doesn't quite match any mobile screen size, here a website listing media queries for standard devices that your can check on: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Community
  • 1
  • 1
Steff Yang
  • 98
  • 1
  • 9
  • I have about 15 media queries because at each something is added and shifted to fit the exactly right on desktop it works completely fine – Simple Jack Aug 18 '16 at 11:17