Html A Href链接不'；调整窗口大小后无法工作（chrome/azure）

调整浏览器窗口大小后，我的超链接无法工作

以下是我所做的：

我有一张附有超链接的图片。对于样式设置，链接嵌套在div元素中：

<div class="row">
{% for n in search_results %}
<div class="col-xs-4 col-sm-4 col-md-2 voffset-15px">
     <a href="{{ n.url }}" target="_blank">
           {% autoescape off %}{{ n.get_image }}{% endautoescape %}
     </a>

     [here are some buttons with java scripts attached who are in front of the image]

 </div>
{% endfor %}
</div>

{n在搜索结果中为%u%}
[这里是一些在图片前面附加了java脚本的按钮]
{%endfor%}

该页面由django创建并托管在azure上。我使用bootstrap进行样式设置，因此根据设备的大小，一行中有3个或6个元素

问题是：

如果我使用来自django的开发服务器，那么它工作得非常完美。链接适用于任何窗口大小

在Web服务器上，它可以正常显示，但只有当窗口为全尺寸时，链接才起作用。如果我将窗口调整为半屏幕，链接将停止工作

我用的是chrome

非常感谢你的帮助