CODEWITHSUNDEEP
androidhtmlcssmobileandroid-4.0-ice-cream-sandwich
Tahir Hassan
Tahir Hassan

Reputation: 5817

CSS: On Ice Cream Sandwich Browser, media query no longer working

I have an HTC Evo 3D. When my phone was running Gingerbread, if I accessed the Leicester City Council Website using my phone, it would respect load CSS link elements such as below:

<link href="mobile.css"  
      media="only screen and (max-device-width: 520px)" 
      type="text/css" 
      rel="stylesheet" />

(These same link elements would be ignored by desktop browsers.)

Since I upgraded to Ice Cream Sandwich, css link elements such as the above do not get loaded. The result is that the website looks the same as the desktop version.

Is there anything I can do to make css links such as the one above, work for ICS's browser?

EDIT : Since working on this, I have found out that Chrome on ICS works as expected so I will be using this for mobile testing for now.

Upvotes: 1

Views: 477

Answers (1)

Nirendra
Nirendra

Reputation: 11

Android added option to view either desktop or mobile version of site in ICS. Did you tried unchecking "View desktop site" from settings (second menu button)?

For more details on this, google with "ICS browser view desktop version"

Upvotes: 1

Related Questions