Javascript 使多媒体资料适合手机观看（小屏幕）

我已经用HTML/CSS/JS创建了一个图像库，但是当我最小化屏幕时，图像更改不会出现，它只是在一个新窗口中打开图像

按下图像时的大屏幕：

按下图像时的小屏幕：

我怎样才能保持这样的状态，但对于较小的屏幕，如何将其最小化

以下是项目：

HTML:

---

基本上，当图像在较小的屏幕上按下时，它会在较小的屏幕上打开一个新页面，但我希望它像在较大的屏幕上一样打开图库

disableOn: ->
    return false if $(window).width() < 640
    return true

disableOn:->
如果$（window）.width（）小于640，则返回false
返回真值

最小化它的确切含义是什么？比如在较小的屏幕中，或者在最小化页面时，您希望在新窗口中打开照片后更改其大小？（即宽度：100%）？基本上，当图像在较小的屏幕上按下时，它会在较小的屏幕上打开一个新页面，但我希望它能像在较大的屏幕上一样打开图库

disableOn: ->
    return false if $(window).width() < 640
    return true