How to target tablet devices with CSS queries
I am trying to target tablets with a own css however I do not get it to work. I know there is a way to target iPad specifically but are there no better ways? I want to target Android tablets too but phones such as Samsung Nexus are misinterpreted as a tablet in the way I am doing it now.
you need to use different style sheets according to device resolution
<link rel="stylesheet" media="all" href="style.css"> <link rel="stylesheet" media="screen and (max-device-width: 320px)" href="mobile.css"> <link rel="stylesheet" media="screen and (min-width: 641px) and (max-width: 800px)" href="tablet.css">