html - 使用 css3 媒体查询时如何替换或更改图像大小?

标签 html css media

当分辨率从 960px/1024px(屏幕)更改为 768px 和 320px 时,我想重新调整图像大小,我已经使用 @media 和适当的分辨率从 css 更改了一些图像。我找到了一些技术,比如 data-websrc,还有 response.js,但它真的很难理解,所以有人请帮我什么是自动更改图像大小的最佳技术?

这是相同的 http://demo.koruindia.com/kv2/v04/ 的链接

最佳答案

您可以使用具有 background-image css 样式的 div,为每个分辨率 @media 查询使用不同的图像。

关于html - 使用 css3 媒体查询时如何替换或更改图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8986030/

相关文章:

javascript - HTML Canvas 和 JavaScript 通过碰撞检测旋转对象

javascript - 使用 jquery 根据列类名称对表行进行排序

html - 位置 :fixed no scrolling on mobiles

html - 手机和平板电脑的图像拉伸(stretch)问题

c++ - 通过互联网流式传输时出现 live555 问题

Android 如何停止/终止/取消媒体上传或下载

javascript - Angular 模板 src 变量不起作用

php - CodeIgniter 是否缓存 CSS 等资源?

html - 调整浏览器大小时 Div 不重新定位

python - 如何配置 django 媒体文件夹?