CODEWITHSUNDEEP
htmlioscssiphone
WLedwaba
WLedwaba

Reputation: 21

CSS on iPhone 6 giving some problems

Hi guys I've been trying to work on iPhone 6 CSS (responsive),but i have no luck the iPhone 5 and 6 CSS is working fine in chrome iPhone emulator and http://mobiletest.me/ ,but the same style is not working on the actual device.

Anyone have idea? My media queries are,

@media only screen and (max-width: 480px) {}

and 

 @media only screen and (max-width: 599px) {}

also tried 

 @media only screen and (max-width: 649px) {}

Help.

Upvotes: 0

Views: 1244

Answers (2)

Gregorie
Gregorie

Reputation: 129

Try to use <meta name="viewport" content="width=device-width, initial-scale=1"> between your <head></head> For more info visit https://css-tricks.com/snippets/html/responsive-meta-tag/

Upvotes: 1

S s
S s

Reputation: 877

Add this to the top of <head>

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

Upvotes: 0

Related Questions