【发布时间】:2014-08-21 05:30:19
【问题描述】:
这个项目将是我的死亡。我正在用我自己的自定义主题在 wordpress 中制作一个网站。地址是 www.codykrauskopf.com 似乎可以在 ios(safari)、wp8.1(ie)、ie(desktop)、chrome(desktop) 和 firefox(desktop) 上正常工作。但是,桌面上的 Safari 会在页面左侧垂直向下拉伸页眉和页眉中的图像。有什么建议么?提前致谢。
【问题讨论】:
这个项目将是我的死亡。我正在用我自己的自定义主题在 wordpress 中制作一个网站。地址是 www.codykrauskopf.com 似乎可以在 ios(safari)、wp8.1(ie)、ie(desktop)、chrome(desktop) 和 firefox(desktop) 上正常工作。但是,桌面上的 Safari 会在页面左侧垂直向下拉伸页眉和页眉中的图像。有什么建议么?提前致谢。
【问题讨论】:
在您的代码中:
<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 版本仍在接收更新。
【讨论】: