主页
HTML
HTML 响应式 Web 设计
tryhtml_responsive_image_maxwidth
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>响应式图片</h2> <p>"max-width:100%" 防止图像变得比原始尺寸大。 但是，如果您缩小浏览器窗口，图像仍会缩小。</p> <p>调整浏览器窗口大小以查看效果。</p> <img src="/demo/images/img_girl.jpg" style="max-width:100%;height:auto;"> </body> </html>