| A | B |
|---|
| Responsive Web Design | Refers to using existing techniques involving flexible grid layout, flexible images, and media and media queries into a unified approach to web design. |
| Resolution | A simple count of the number of pixels across the entire width and height of a device |
| Pixels per Inch | A measure of screen density refers to the number of device pixels on a physical surface. |
| Device Pixel | The tiniest physical unit in a display |
| Bitmap Pixel | The smallest unit of data in a raster image |
| Reference Pixel | A W3C standard based on an optical reference unit that might be twice the size of a hardware pixel. This new pixel should look exactly the same in all viewing situations. |
| Pixel Density | The number of device pixels on a physical surface |
| Viewport | The rectangular area (measured in pixels) that is viewable on a device screen |
| Fixed-width Layout | The width of the site is bound to a certain number of pixels |
| Fluid Layout | The web design’s dimensions are defined in percentages rather than pixels |
| Em space | it equals the current font size |
| Relative units | Size is set in relation to surrounding elements |
| Absolute units | A specific size |
| Media Query | A CSS specification that allows designers to target styles based on a number of device properties |
| Scalable Vector Graphics | Defines vector-based graphics that can be embedded directly into a Web page |
| Vector graphics | Type of graphic that does NOT lose quality when zoomed or resized. |
