Html 如何根据网站屏幕大小从后端请求图像？

我用

angularjs

和

bootstrap

创建了一个应用程序。内容由后端提供。还有动态图像用作链接。可以从后端请求不同的

宽度

大小

---

问题：在从后端请求数据之前，如何检测用户屏幕

max width

？因此，后端将使用指向较小图像的链接进行响应？

HTML不会根据请求提交屏幕选项。您需要在前端创建一个隐藏字段，并将其发送回服务器，其中包含您需要的值。据我所知，后端没有其他方法来计算屏幕的宽度

参见此

允许您根据媒体查询加载不同的内容图像

<picture>
  <source 
    media="(min-width: 650px)"
    srcset="images/kitten-stretching.png">
  <source 
    media="(min-width: 465px)"
    srcset="images/kitten-sitting.png">
  <img 
    src="images/kitten-curled.png" 
    alt="a cute kitten">
</picture>

进一步阅读：

---

使用jquery可以获得视口大小

var viewport=$（窗口）.width（）；
$（'#viewportSize'）.html（viewport）

前端只需计算宽度，并在内容的get查询中将此值发送到后端即可。但这仅适用于静态已知图像。我从后端动态获取所写图像，大小为我请求的大小。只需检查
$（window）.width（）<320
是否足够，例如我想知道屏幕大小是否很小？还是建议使用div元素？