From 3f4842f9ffc47e9b859e751b6fcd281ec110e8a6 Mon Sep 17 00:00:00 2001 From: BenniEngel Date: Fri, 15 Nov 2024 14:14:00 +0100 Subject: [PATCH] docs: Added explanation and doc link for srcSet attribute (#973) * docs: Added explanation and doc link for srcSet attribute * docs: Changed link to mdn article --- .../content/03-components/content/image/overview.mdx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/docs/src/content/03-components/content/image/overview.mdx b/packages/docs/src/content/03-components/content/image/overview.mdx index 325175bcf..33923911b 100644 --- a/packages/docs/src/content/03-components/content/image/overview.mdx +++ b/packages/docs/src/content/03-components/content/image/overview.mdx @@ -1,3 +1,13 @@ # Beispiel + +--- + +# Responsive Image Resolution + +Um unterschiedliche Bild-Auflösungen für diverse Bildschirmgrößen anzubieten +eignet sich das `srcSet` Attribut. Für diverse Pixeldichten auf Nutzerseite +können hiermit verschiedene niedrig- oder hochauflösende Varianten der +Quelldatei hinterlegt werden. Näheres hierzu ist in folgendem Artikel einsehbar: +[Responsive Images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#resolution_switching_same_size_different_resolutions:~:text=Resolution%20switching%3A%20Same%20size%2C%20different%20resolutions).