【问题标题】:How can I center my logo for my mobile site?如何让我的移动网站的徽标居中?
【发布时间】:2013-09-11 03:41:25
【问题描述】:

我正在尝试将我的徽标水平居中放置在我的移动版网站上。不过,我无法让它居中。我尝试了各种方法,但似乎没有任何动静。

我的代码是:

    @media only screen and (max-width: 640px) { .logo-image .logo img { 
    max-height: 70px;
    margin-top: -15px;
    margin-bottom: 15px;
    width: auto;
    background: center;
}
}

【问题讨论】:

  • 您能提供相关的 HTML 标记吗?
  • 它是一个基于模板的网站(方形空间),带有我添加的自定义 CSS,所以我不知道如何让你这样做。我的网站是jeffreydowellphotography.com

标签: css mobile responsive-design alignment graphical-logo


【解决方案1】:

对于h1.logo,试试text-align:center;

【讨论】:

  • 谢谢先生!可以在这里问另一个问题吗?我想摆脱我网站所有页面的两条阴影线之间的大空白。它浪费了空间。
  • 删除#pageWrapper { 边距顶部:30px; } 我会让你弄清楚另一个。
  • 如果我删除它,那么对于桌面版网站来说,间距看起来很糟糕。我尝试添加“:@media only screen and (max-width: 640px) { #pageWrapper { margin-top: 0px; margin-bottom: 0px;} }
  • 抱歉,我没有在上面的第二个问题中指定移动设备
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-04-29
  • 1970-01-01
  • 2013-08-17
  • 2020-03-17
  • 2016-06-30
  • 1970-01-01
  • 2017-07-14
相关资源
最近更新 更多