Resolution detections on iOS Simulator using PhoneGap
===

I'm pretty new in this area of developing, and i'm trying to figure out the making of ios app using phonegap. I've created four different css files for different resolutions

    <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="css/ipad.css" type="text/css" />
		
    <link rel="stylesheet" media="only screen and (max-device-width: 2048px)" href="css/ipad-retina.css" type="text/css" />
        
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/iphone.css" type="text/css" />
        
    <link rel="stylesheet" media="only screen and (max-device-width: 960px)" href="css/iphone-retina.css" type="text/css" />

I found out that Simulator loads always the same css file, even if i chnage the device.
Is there any way making it load proper css file?

Thanks people and by the way is css calling correct?