img, svg... max-width not width!

Why did i make it like that?
u1ui · Nov 13, 2023 · 8899015 · 8899015
1 parent 9a9bfa5
commit 8899015
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/base.css b/base.css
@@ -36,11 +36,16 @@ hr {
 	border-width:0 0 1px 0;
 	border-top-width:0 !important;
 }
-img, svg, video, canvas, audio, video, iframe {
+video, audio, video, iframe {
 	width: 100%;
 	width:-moz-available;
 	width:-webkit-fill-available;
 }
+img, svg, canvas {
+	max-width: 100%;
+	max-width:-moz-available;
+	max-width:-webkit-fill-available;
+}
 img, svg, video, canvas {
 	object-fit:cover;
 	height: auto;

diff --git a/tests/test.html b/tests/test.html
@@ -281,6 +281,14 @@ <h6>Header level 6 Some more Text to test line-height Some more Text to test lin
   <iframe style="margin:1rem"></iframe>
   <br>
 
+
+  <table>
+    <tr>
+      <td>Table-Cell-Test
+      <td>
+        <img width=100 height=100 style="background:#eee" alt="">
+  </table>
+
   Dialog:
   <br>
   <button onclick="this.nextElementSibling.toggleAttribute('open')">toggle dialog</button>