我想更改图像的src,以响应最大宽度为515 px的媒体查询。如果javascript有一个与css媒体查询相同的事件,或者类似的事情,我也可以实现javascript或jQuery (也可能是AngularJS )。
我想要3张单独的图片(目前是2张)的原因是为了减少文件大小,例如在移动设备上,我可以加载一张50 KB的照片,而不是700 KB的照片。
如果需要注释任何代码或其他信息,我会将其添加进来。
注意: to the problem 使用html5图片元素解决了相同类型的问题(而不是按需要使用css或jQuery‘媒体查询’),这也是一个很好的解决方案。
我试图设计一个跨浏览器的解决方案,以获得javascript中的当前设备宽度(以像素为单位),以便与平板和移动设备的引导断点相对应。(我这么做是有原因的,因为这个逻辑注定要检测设备的方向,所以请原谅我。)在Safari、Edge、Chrome和Firefox上检测和生成一致值的最佳现代解决方案是什么?
下面是我到目前为止用来检测这一点的javascript方法。到目前为止,我正在使用jquery来检测设备宽度。
export function isMobileBrowser(){
let windowWidth =
$(window).width();
let check = wind