Responsive design works in Chrome's Responsive Design tool but not on actual mobile

	<link rel="stylesheet" href="link.css" media="all and (orientation:landscape), all and (min-device-width:480px)" />
	<link rel="stylesheet" href="link.css" media="all and (orientation:landscape), all and (min-device-width:480px)" />
	<link rel="stylesheet" href="link.css" media="all and (max-device-width:480px) and (orientation:portrait)" />

So this works exactly well on Chrome’s Responsive Design tool, but not in Android’s browser nor Chrome on Android. Ideas?

(and no, I’m not an idiot, I replaced real working links with link.css)

1 Like

head have…

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

?

1 Like

Ouch.

My problem was in my jQuery which I fixed.

My bad. But thanks for attempt of helping.

3 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.