javascript - 如何根据屏幕尺寸在 div 中显示不同的图像?

标签 javascript html css image jquery-plugins

所以我对此很陌生,但我想知道对于中间有一个大图像的网页,如 github:windows 页面,你将如何根据屏幕尺寸处理该 div/区域内的图像?有没有办法根据窗口大小或屏幕大小调整图像大小或将其 chop ?使用媒体查询根据设备更改图片是典型的做法吗?这是如何在 css 中完成的(我可以在 css 中为 img 标签重新选择 src 吗)?您是否必须使用窗口调整大小 js 事件来像砌体一样不断地重新检查?

我知道这些问题很多(抱歉),但我真的只是在寻找有关最佳实践方法的建议,因为我又是新手....

一直很感激!

最佳答案

Adaptive Images可能是你要找的。它提供基于屏幕尺寸的动态调整大小和图像缓存。它非常容易实现并且依赖性非常低。

关于javascript - 如何根据屏幕尺寸在 div 中显示不同的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14565056/

相关文章:

html - CSS :before/:after pseudo-elements/content reference tag name

javascript - Bootstrap 关闭响应式菜单 "on click"

javascript - 样式浏览器滚动条

javascript - 从 ASP.NET CORE Web Api 获取 React 中的特定响应 header (例如,Content-Disposition)

html - 为什么转换后的元素的透视会倒退?

javascript - Shadow DOM 中的 Angular 1.x ngAnimate 不注册动画时间或添加进入/离开类

javascript - jquery 选择器的问题

css - 溢出-x : scroll not working correctly

javascript - 对 self 的非字面引用

html - 优化文本渲染 - CSS