I’ve tested the resolution-test.js (http://css-tricks.com/resolution-specific-stylesheets/) on iPhone/iPad/generic tablet/Samsung Galaxy/BB and HTC devices and all works how it should. Also on a desktop pc running Internet Explorer 9 and FireFox 15, but not on a handheld running Internet Explorer Mobile. On a smaller screen resolution than 901 px it sticks on the wide screen version and it doesn't scale back to the lower resolution .css parameters such as medium (701-900px) and narrow (<701 px)
Is this because minimum-scale, maximum-scale, and initial-scale properties are unsupported for Internet Explorer Mobile?
I’ve tested the resolution-test.js (http://css-tricks.com/resolution-specific-stylesheets/) on iPhone/iPad/generic tablet/Samsung Galaxy/BB and HTC devices and all works how it should. Also on a desktop pc running Internet Explorer 9 and FireFox 15, but not on a handheld running Internet Explorer Mobile. On a smaller screen resolution than 901 px it sticks on the wide screen version and it doesn't scale back to the lower resolution .css parameters such as medium (701-900px) and narrow (<701 px)
Is this because minimum-scale, maximum-scale, and initial-scale properties are unsupported for Internet Explorer Mobile?
Any other ideas?
Really nobody has any clue why resolution-test.js included in the resolution dependant layouts examples is not compatible with Windows Phone 7.5?
I can’t figure out why not. It works great on iPhone and Android devices.
Is Windows Phone that low on the food chain (-;