From 18a61291563477887b2a9ffa5c6efb364d43105b Mon Sep 17 00:00:00 2001 From: Mat Marquis Date: Mon, 1 Oct 2012 22:40:53 -0300 Subject: [PATCH] Update UseCaseComparisons.md --- UseCaseComparisons.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/UseCaseComparisons.md b/UseCaseComparisons.md index e01e5ff0..297b1f80 100644 --- a/UseCaseComparisons.md +++ b/UseCaseComparisons.md @@ -3,7 +3,7 @@ This document is indended to address the use cases addressed by both the `pictur ## Viewport Sizes Assuming three image “breakpoints” based on maximum widths, using pixel-based values: 400px, 600px, and 800px. The smallest image source has been designated as fallback content. -**`picture` Element* +**`picture` Element** ``` @@ -33,6 +33,7 @@ Assuming three image “breakpoints” intended to remain in sync with a media-q ``` **Extended `srcset`** + *N/A* @@ -50,6 +51,7 @@ Assuming three image “breakpoints” intended to remain in sync with a media-q ``` **Extended `srcset`** + *N/A* Note: the `em` values above could be manually converted to `px` by the author to ensure that the image breakpoints are within a few pixels of the `em`-based layout media queries, resulting in: @@ -74,6 +76,7 @@ Assuming the author simply wants to preform image source swapping based on a dev ``` **Extended `srcset`** + *N/A* @@ -118,6 +121,7 @@ Assuming two image sources indended for display on screen depending on window si ``` **Extended `srcset`** + *N/A* @@ -134,6 +138,7 @@ This is based on the high-contrast mode and ambient light media queries currentl ``` **Extended `srcset`** + *N/A* @@ -175,5 +180,6 @@ Further discussion: