click below
click below
Normal Size Small Size show me how
Webpage Chapter 5
Question | Answer |
---|---|
What is responsive design? | A website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used. |
When responsive design is applied, this happens. | The webpage and content responds to the screen size of the user's device. |
Fluid layout | Automatically shrinks and grows with the viewport. |
Viewport | Viewing area for the webpage. This is the portion you see at any one time. |
Media Queries | Allows webpage developers to detect the approximate pixel size of the current viewport. |
Flexible images | Images that shrink and grow with the size of the viewport. They do NOT have height and width attributes or values but are instead relative to the viewport. |
Responsive design seeks to do what? | Optimize the viewing experience for a wide range of devices using just ONE website. If a separate mobile website were created, then two websites would have to be maintained instead of one. |
Mobile first strategy | Design for mobile first then work backwards to tablet, and then desktop instead of the other way around. |
Fixed Layout | Does not change. More scrolling to have to see information on a smaller viewport. |
em sizing | based on the height of the capital letter M of the default font. |
px | pixel-equal to one dot on the screen. Pixels are fixed in size but vary the numbers on each device. Commonly used for padding, borders, and margin measurements. |