Differences

This shows you the differences between two versions of the page.

--- uda-fewd:responsive_images:sizes_attribute [2017/04/29 11:45] – created leo
+++ uda-fewd:responsive_images:sizes_attribute [2017/04/29 11:48] (current) – leo
@@ Line 8: / Line 8: @@
 l'attribut size intègre des média-queries (optionnelles)
+====== Sizes Attribute ======
+Examples:
+  * [[http://udacity.github.io/responsive-images/examples/3-03/srcsetWValues|srcset with w values]]
+  * [[http://udacity.github.io/responsive-images/examples/3-03/srcsetWValues50vw|srcset with w values, 50vw]]
+----
+In JavaScript you can get the source of an ''%%img%%'' element with ''%%currentSrc%%''.
+The ''%%sizes%%'' attribute gives the browser information about the display size of an image element – it does not actually cause the image to be resized. That’s done in CSS!