I've searched high and low for some way to setup my HTML5/CSS3 for various devices. Going by screen resolution isn't the best route because some times the screen size of one device is the same as another [e.g. my chrome book runs at 1280x800 and my android tablet runs at 1280x800] I'd want the website to look different for the tablet because it has touch capabilities meaning I can build a more "app like" design for that that I wouldn't want for my chrome book.
I've thought about the landscape vs portrait but that still doesn't get me there. @viewport and @media screen works to some degree as I can code for a browser vs mobile browsers but even the new iPhone/iPad has a higher resolutions than some legacy monitors.
I am truly stumped as to how I could code in a way to detect input type and load appropriately. (ie if touch display X if keyboard display Y)