Safari拉伸标题和图像

Question

这个项目将是我的死亡。我用自己的自定义主题在wordpress中创建了一个网站。地址是www.codykrauskopf.com似乎在ios（safari），wp8.1（即），即（桌面），chrome（桌面）和firefox（桌面）上正常工作。但是，桌面上的Safari会将页眉和图像中的图像垂直向下拉伸到页面的左侧。有什么建议？提前致谢。

Answer 1

在您的代码中：

 <img src="http://codykrauskopf.com/images/logo.png" width="100%" height="100%" alt="Circus Logo">

您设置了width="100%"和height="100%"。这与图像无关，而是相对于容器。对于Windows Safari，它似乎与文档相关。

只需删除宽度/高度值，或将其设置为图像尺寸。

 <img src="http://codykrauskopf.com/images/logo.png" alt="Circus Logo">

顺便说一句，Windows Safari在很长一段时间内都没有更新，甚至可能已经死了。不过，Mac版仍在接收更新。