【问题标题】:how to show different image in div per the screen size?如何根据屏幕尺寸在 div 中显示不同的图像?
【发布时间】:2013-01-28 23:27:04
【问题描述】:

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

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

一直很感激!

【问题讨论】:

  • 你的意思是这样的吗:http://www.cssbakery.com/2011/11/size-and-crop-image-using-css.html
  • 如果我可以选择的话,这将是第一个被接受的答案。谢谢!

标签: javascript html css image jquery-plugins


【解决方案1】:

Adaptive Images 可能就是您要找的。它提供基于屏幕大小的动态调整大小和图像缓存。它非常容易实现,并且依赖项很少。

【讨论】:

    猜你喜欢
    • 2017-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-13
    • 2015-02-28
    • 2011-06-15
    • 1970-01-01
    • 2018-12-19
    相关资源
    最近更新 更多