I am trying to adjust the css for a website I did, so the it looks a bit better on the iPad. I've tried using the media queries and it doesn't work.

I've tried putting this in the <head> and it doesn't change a thing.

Code:
<link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="css/iPad.css" />
Can anyone help out?