Javascript 如何为移动用户切换图像？

我在大多数（Wordpress）帖子中都使用大图片。我想为移动用户优化这些。我不确定优化意味着什么，但我猜CSS、jquery或JS会将较大的图像切换为较小的图像

---

有什么例子可以说明应该如何做到这一点吗？

Jquery Bires会完全按照您的要求来做

---

Jquery小鸟会做你想做的事

---

我会使用CSS媒体查询根据屏幕大小提供不同的CSS

比如说

@media (max-width: 700px) { ... }

---

将为屏幕低于700px的任何设备提供特定的CSS

我将使用CSS媒体查询根据屏幕大小提供不同的CSS

比如说

@media (max-width: 700px) { ... }

---

将为屏幕低于700px的任何设备提供特定的CSS也看看这个问题如何优化每篇文章中的每个大图像？我是否需要为每张图片提供一个#ID，并引用图片和将要提供的两个不同版本的CSS？还要看看这个问题，这如何优化每篇文章中的每个大图片？我是否需要为每个图像提供一个#ID，并将图像引用到将提供的两个不同版本的CSS？这不是很慢吗？对于桌面用户，他们将从较小的图像开始，这将扭曲页面布局，然后加载较大的图像，从而改变页面。看起来有点混乱，这不是很慢吗？对于桌面用户，他们将从较小的图像开始，这将扭曲页面布局，然后加载较大的图像，从而改变页面。看起来有点混乱。