【问题标题】:Safari stretching header and imagesSafari 拉伸标题和图像
【发布时间】:2014-08-21 05:30:19
【问题描述】:

这个项目将是我的死亡。我正在用我自己的自定义主题在 wordpress 中制作一个网站。地址是 www.codykrauskopf.com 似乎可以在 ios(safari)、wp8.1(ie)、ie(desktop)、chrome(desktop) 和 firefox(desktop) 上正常工作。但是,桌面上的 Safari 会在页面左侧垂直向下拉伸页眉和页眉中的图像。有什么建议么?提前致谢。

【问题讨论】:

    标签: html css wordpress safari


    【解决方案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 版本仍在接收更新。

    【讨论】:

    • 我认为宽度和高度 100% 是由 wordpress 插入的。我似乎找不到我个人将宽度和高度设置为 100% 的任何地方。但是,如果 Safari 在 Windows 上死了,那么我真的不在乎。我有一个朋友在 Mac 上检查过,它看起来不错。
    猜你喜欢
    • 2019-12-22
    • 2015-02-19
    • 2019-05-10
    • 2012-06-14
    • 2019-11-25
    • 2020-06-18
    • 2017-06-06
    • 2015-07-11
    • 2014-03-29
    相关资源
    最近更新 更多