I'm making a mobile-friendly stylesheet for a page of mine. Is there a simple way to make it show that stylesheet to iPhone/Android users? Or do I have to pull the user-agents and figure it out that way - and how do I do that?
Also - any tools to make this sort of web dev easier?
Source: Tips4all
Source: Tips4allSource: CCNA FINAL EXAM
You could do something like this, if your stylesheet is the same for iOS/android.
ReplyDelete<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />
But if you're trying to detect if it's the iOS OR Android, then you'll need to do detection.
In terms of making mobile dev easier, there's a ton of stuff:
http://www.phonegap.com/
http://www.sencha.com/products/touch/
http://www.appcelerator.com/
http://www.jquerymobile.com/
http://www.jqtouch.com/
There's a few to get you started :)
Hope this helps.
Please check this post http://www.rkblog.rk.edu.pl/w/p/optimizing-websites-iphone-and-android/
ReplyDelete