Skip to content

Commit 18a6129

Browse files
committed
Update UseCaseComparisons.md
1 parent 97c8e46 commit 18a6129

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

UseCaseComparisons.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ This document is indended to address the use cases addressed by both the `pictur
33
## Viewport Sizes
44
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.
55

6-
**`picture` Element*
6+
**`picture` Element**
77
```
88
<picture>
99
<source media="max-width: 400px" src="image1.jpg">
@@ -33,6 +33,7 @@ Assuming three image “breakpoints” intended to remain in sync with a media-q
3333
```
3434

3535
**Extended `srcset`**
36+
3637
*N/A*
3738

3839

@@ -50,6 +51,7 @@ Assuming three image “breakpoints” intended to remain in sync with a media-q
5051
```
5152

5253
**Extended `srcset`**
54+
5355
*N/A*
5456

5557
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
7476
```
7577

7678
**Extended `srcset`**
79+
7780
*N/A*
7881

7982

@@ -118,6 +121,7 @@ Assuming two image sources indended for display on screen depending on window si
118121
```
119122

120123
**Extended `srcset`**
124+
121125
*N/A*
122126

123127

@@ -134,6 +138,7 @@ This is based on the high-contrast mode and ambient light media queries currentl
134138
```
135139

136140
**Extended `srcset`**
141+
137142
*N/A*
138143

139144

@@ -175,5 +180,6 @@ Further discussion: <a href="http://lists.w3.org/Archives/Public/public-html/201
175180
```
176181

177182
**Extended `srcset`**
183+
178184
*N/A*
179185

0 commit comments

Comments
 (0)