如何在每个屏幕尺寸的div中显示不同的图像?

时间:2013-01-28 15:15:03

标签: javascript html css image jquery-plugins

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

我知道这些是很多问题(对不起),但我真的只是寻求最佳实践方法的建议,因为我是新手......

永远赞赏!

1 个答案:

答案 0 :(得分:1)

Adaptive Images可能正是您要找的。它根据屏幕大小提供动态调整大小和图像缓存。它实现起来非常简单,并且很少依赖。