我正在使用 http://detectmobilebrowsers.com/的脚本来检测是否正在移动浏览器上查看网站。
如果网站在移动浏览器上，我会显示一个精简的简单幻灯片。如果是普通浏览器，我会显示一个超级幻灯片。我想优化我的图像，使它们在移动幻灯片上尽可能小。我的移动幻灯片是响应式的，所以它会缩小以适应任何窗口，但我不想让它最初比绝对必须的更大。
有谁知道当前移动浏览器阵列上的最大宽度是多少？或者更确切地说，使用 http://detectmobilebrowsers.com/脚本检测到的移动设备的最大宽度？
顺便说一句，我不是在问如何在浏览器中加载页面后检测宽度。
谢谢！！
编辑。。。。
我想你们误解了我的问题。我使用最大宽度：100%。我的图像可以缩放以适应任何屏幕尺寸。而且，我确实决定是显示简单的幻灯片还是复杂的幻灯片。这是我的逻辑：
If the user is using a mobile device (based on the device detector)
show a simple slideshow
Else the use is NOT using a mobile device (based on the device detector)
If this is a small screen (based on media queries)
show a simple slideshow
Else this is a large screen (based on media queries)
show a complex slideshow
End If (based on media queries)
End If (based on the device detector)
为什么要使用移动检测呢？因为即使对于小屏幕，我只在小屏幕上显示简单的小文件大小幻灯片，但来自复杂、图像繁重、高文件大小幻灯片的图像仍然会被下载 （http://cloudfour.com/examples/mediaqueries/image-test/）。我的媒体查询确定要显示的幻灯片不会使用户不必下载当前未显示的幻灯片图像。使用它只是因为简单的幻灯片在小屏幕上看起来比复杂的幻灯片更好。使用移动检测屏幕可确保不会下载未显示的图像。
为什么当我的图像设置为 100% 宽度并将缩小以适应任何大小时，我关心当前移动设备上的最大宽度是多少？因为 900px 宽的图像比 600px 宽的图像具有更大的文件大小。如果我知道图像需要的最大宽度是多少，我可以最初将幻灯片保存到该大小，从而节省一些额外的带宽。你们有没有在移动设备上看过幻灯片？慢！
如果有人能指出我正确的统计数据，我将不胜感激。我用谷歌搜索，但找不到我需要的东西。
几乎可以肯定的是，一旦部署软件，答案就会改变。
这也取决于您指的是像素还是屏幕分辨率像素（Retina 显示屏对它们的定义不同）。
也许最好坚持检测移动浏览器（如果您不喜欢正在使用的脚本，请参阅 ，例如： 检测网络上的移动浏览器？然后让用户选择使用分辨率更高的图像。
或者，您可以尝试检测带宽，这确实是您正在优化的目标;"移动"只是这方面的一个代理，并且仅与之适度相关。