New standards developments in CSS are providing a better future for developers that needs to detect touch devices just with their CSS.
Solving Sticky Hover States with @media (hover: hover) | CSS-Tricks
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium. If you tap on something that has a :hover state but you don’t leave the page then, on a mobile device, there is a chance that :hover state “sticks.” You’ll see this with stuff like jump-links used as t…
Building for Touch Screens: Interaction Media Queries
When you think of a CSS media query, chances are you immediately think of min- or max-width. For most of the history of responsive design, it was enough to check the width of a screen to determine how the page should look and behave. Generally, anything more than 1024px wide was considered a desk…
Using media queries – CSS: Cascading Style Sheets | MDN
Media queries are useful when you want to modify your site or app depending on a device’s general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).
Media Queries Level 4
This section is not normative.
CSS4 media queries to tackle touch
Shift to input concepts rather than explicit lists will benefit developers
The Good & Bad of Level 4 Media Queries | Blog | Stu Cox
I’m a web developer and general technology enthusiast from the UK, currently living in London and working as a Senior Developer for Potato.
media queries for common device breakpoints | Responsive Web Design
The @media query is 1/3 of the recipe for responsive design. It is the key ingredient that, in it’s simplest form, allows specified CSS to be applied
CSS3 Media Queries For All Devices And Browsers | IE7, IE8
【 Media Queries 】 are an important element of every responsive website. Today we’d like to share with you a full list of 【 CSS Media Queries 】 for major screen resolutions.