- Now only do web designers have to deal with an…almost overwhelming number of differently-sized screens,…but also screens that rotate?…As my not-to-distant ancestors would say, "Oy!"…Of course, that's the over-the-top reaction.…The reality is, is that you can easily create media queries…that respond to a device screen…depending on it orientation.…The parameters that we've used so far…with our media queries, min-width and max-width,…are definitely far from the only ones available.…
There's also one that specifically is geared…towards handling changes in orientation…and it's, you guessed it, orientation.…So, we can create a whole new media query…that just had the orientation parameter…with all the associated CSS rules.…However, another approach would be…to create the media query,…and then apply that to the rules for tablets,…which we already have established.…Since that seems like a more efficient route,…let's go down that road.…First stop, create that media query.…
I have open profile.htm,…and from the @media pane of the CSS designer panel,…
- Structuring fluid grids
- Adding a new fluid grid layout
- Adding building-block div tags
- Inserting content into a fluid grid
- Modifying the number of grid columns
- Building media queries from scratch
- Working with additional media queries
- Handling orientation changes
- Manipulating CSS
- Adding new media
Skill Level Intermediate
Edge Animate Essential Trainingwith Chris Converse4h 44m Beginner
1. Understanding Responsive Web Design
2. Fluid Grid Layouts in Dreamweaver
3. Expanding on a Fluid Grid Structure
4. Enhanced Media Queries
5. Flexible Images and Media
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.