image-fallback-respect-max-width.html (640B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Image fallback respect max-width</title> 4 <link rel="author" href="mailto:zhoupeng.1996@bytedance.com"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#images-3"> 6 <link rel="match" href="image-fallback-respect-max-width-ref.html"> 7 <style> 8 div { 9 max-width: 200px; 10 } 11 img { 12 max-width: 100%; 13 height: auto; 14 } 15 </style> 16 <body> 17 <div> 18 <img src="" width="10000" height="100"> 19 <img src="" width="10000" height="100" 20 alt="Lorem ipsum dolor sit amet, consectetur adipisicing elit."> 21 <img src="" width="1000" height="100"> 22 </div> 23 </body>