Html safari中的Boostrap图像没有响应

我意识到我的网站在safari（台式机和移动设备）上不起作用。由于某些原因，图像没有响应。我用了一个引导主题，网站很简单。请帮忙

网站：

HTML:

---

首先，您提供给我们的链接上的css SYNTAK不正确， 你有：

img {
    max-width: 100% width :100% height: auto;
}

尝试：

img {
 max-width: 100%;
 width :100%;
 height: auto;
}

---

在您解决此问题后，如果问题仍然存在，我们可以尝试帮助您。

除了

img

width

（应为width:100%；）上的CSS打字之外，您只在一个图像集上使用了

.img responsive

在所有图像上设置

.img responsive

检查以下小提琴的大小调整：

下面的片段：

img{
最大宽度：100%；
宽度：100%；
高度：自动；
}
.网格图img{
位置：相对位置；
显示：块；
最小高度：100%；
最大宽度：100%；
不透明度：0.8；
}
图3.2-bubba img的影响{
不透明度：0.75；
-webkit转换：不透明度0.35s；
过渡：不透明度0.35s；
}

类别

您的css从何而来。。？因为我怀疑

width:100%

指定大小可能会覆盖引导。css代码来自引导。我添加的img{}代码是为了回应其他试图提供帮助的威胁，但它不起作用。很抱歉，这是一个打字错误。我已经修好了，但什么也没发生。狩猎是个问题。在safari上测试：iphone6s、tabler air和最新的桌面safari，图像一切正常

img {
    max-width: 100% width :100% height: auto;
}

img {
 max-width: 100%;
 width :100%;
 height: auto;
}