在这里，我的要求是为移动设备显示一个图像，为笔记本电脑显示另一个图像，正在尝试使用图像标签，但对我来说不起作用。
我想使用html显示移动设备和笔记本电脑设备的不同图像 的图片标签？
答案 0 :(得分：1)
嗯，这不完全是您所需要的，因为它不检查设备的类型，而只是检查设备的大小...但是我想在RWD的世界中就足够了。
您可以使用srcset。因此，您不只给出一张图像，而是放更多的图像，然后浏览器完成所有工作，选择要显示的图像：
这里有一些例子：
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">
其背后的逻辑非常聪明，因为浏览器试图找到最合适的图像。
您可以阅读有关该主题的更多信息：
答案 1 :(得分：0)
html： type location year value avg
1 soft site01 2010 20 15
2 soft site01 2011 10 15
3 hard site01 2010 10 20
4 hard site01 2011 30 20
css：`.img1 {display：block;} .img2 {display：none;}
@仅媒体屏幕和（最大宽度：768像素） { .img1 { 显示：无； } .img2 { 显示：块； } }`