From the course: Advanced CSS Media Queries
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Testing for hover and pointer - CSS Tutorial
From the course: Advanced CSS Media Queries
Testing for hover and pointer
- [Narrator] Next up, let's look at the ability to hover on various devices. I'm sure you know by now that hovering is something you can do easily on a laptop or a desktop computer. Its primary hovering pointing input mechanism is a mouse or a trackpad and both of these hover just fine. However, phones and tablets are driven by touch, and they have no ability to hover. Media queries have addressed these issues and the possibilities of creating styles for these types of selection devices using properties called hover and pointer. Hover has to do with hovering over a link easily while pointing deals with how finely a pointing device indicates a target. Coarse for your finger or fine for a mouse, for example. It's possible to use hover and pointer media queries together, which I'll cover in another video. But for now, let's look at the possibilities individually when considering these kinds of devices. So there's actually…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Understanding media in media queries3m 4s
-
(Locked)
Changing media in media queries5m 48s
-
(Locked)
Including width in media queries6m 16s
-
(Locked)
Including height in media queries3m 10s
-
(Locked)
Including aspect ratio in media queries3m 55s
-
(Locked)
Testing for monochrome devices2m 4s
-
(Locked)
Testing for screen orientation3m 23s
-
(Locked)
Testing for screen resolution4m 18s
-
(Locked)
Testing for hover and pointer5m 4s
-
-
-