Media query to target iphone/mobile/ipad

Question

I am using media query to target iphone/ipad/mobile.

I have written the following media query.

But my problem is if i write css in media query of mobile \'max-d

Answer 1

Try with below media query and meta tag

/* For mobile : like samsung grand(480 * 800): */
@media screen and (max-width : 480px){}


/* For iphone: */
@media screen and (max-width : 320px){} 


/* For ipad: */
@media screen and (max-width : 768px){} 

Additionally. change your meta tag: