【问题标题】:Logo not responsive徽标没有响应
【发布时间】:2015-07-09 20:25:50
【问题描述】:

我的徽标响应速度有问题。手机/平板电脑的下拉菜单从 1000 像素开始,但由于某种原因,徽标不会停留在某些尺寸(如横向银河 S3)的中心。我做了一个两种尺寸的屏幕:http://s7.postimg.org/5hqfg0rq3/logo_not_centered.jpg

我给了标志元素margin:0 auto。

有人知道为什么它不居中吗?非常感谢您的帮助

网站地址是[1

【问题讨论】:

    标签: android css responsive-design


    【解决方案1】:

    您必须将图像放在与三角形相同的 div 上。

    【讨论】:

      【解决方案2】:

      不使用绝对位置和left:50%,让html元素水平居中更容易。 解决这个问题:

      .logo_wrapper{
          remove the left:50%;
          width:100%;
          text-align:center;
      }
      .q_logo{
          remove left:0;
          text-align:center;
          width:100%;
      }
      .q_logo a{
          remove left:50%
      }
      

      【讨论】:

      • 您好,感谢您的回答,但我仍然无法使用您的 css 使其正常工作。我是否也应该删除位置属性?
      • 我相信是这样的......对不起,我玩了它,忘了添加。
      • 我不认为它仍然可以在某些屏幕尺寸上从中心跳到右边:(
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-10-26
      • 2015-08-23
      • 2017-12-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多