主页
HTML 参考手册
HTML <picture> 标签
tryhtml5_picture
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>图片元素</h1> <p>调整浏览器窗口的大小以加载不同的图像。</p> <picture> <source media="(min-width:650px)" srcset="/demo/images/img_pink_flowers.jpg"> <source media="(min-width:465px)" srcset="/demo/images/img_white_flower.jpg"> <img src="/demo/images/img_orange_flowers.jpg" alt="鲜花" style="width:auto;"> </picture> </body> </html>