Ethan Marcotte Responsive Web Design Pdf -

: Using a simple rule like max-width: 100%; ensures that an image scales down proportionally to fit its container but never expands beyond its original size. 3. Media Queries A Book Apart: Responsive Web Design By Ethan Marcotte

Images and video must also be fluid to prevent them from "breaking" a layout on smaller screens. Ethan Marcotte Responsive Web Design Pdf

Marcotte argues against fixed pixel widths (like the old standard 960px) in favor of relative units. : Using a simple rule like max-width: 100%;

The core of his philosophy rests on : 1. The Fluid Grid Ethan Marcotte Responsive Web Design Pdf

: If you have a 300px sidebar inside a 960px container, you set its width to 31.25% . This allows the layout to squeeze and flow into the available browser space. 2. Flexible Media