HTML徽标没有响应

我在制作一个网站。在其页脚我有一个标志。这是在正确的地方，但当我用手机访问该网站时，标志位置错误。HTML徽标没有响应

它在工作之前，现在不是。我无法弄清楚为什么。这里是我的代码：

HTML

<footer class="page-foot bg-dark"> 
    <section class="footer-content"> 
     <div class="container"> 
     <div class="rd-navbar-brand pull-lg-left"><a href="index.html" 
class="brand-name"> 
<img src="logo1.png" style="width: 35%" width="120px">    
</div> 
     <div style="text-align: left;"> 
     <ul class="list-inline list-inline-mod-1 visible-md-inline-block 
visible-lg-inline-block pull-sm-right"> 
      <li><a href="meadows.html">Rolling Meadows</a></li> 
      <li><a href="heights.html">Attorney Arlington Heights</a></li> 
      <li><a href="palatine.html">Lawyer Palatine </a></li> 
      <li><a href="mount.html">Attorney Mount Prospect</a></li> 
      <li><a href="des.html">Lawyer Des Plaines</a></li> 
      <li><a href="scha.html">Attorney Schaumburg</a></li> 
      <li><a href="hoff.html">Hoffman Estates</a></li> 
      <li><a href="elk.html">Attorney Elk Grove Village</a></li> 
     </ul> 
     </div> 
     </div> 
    </section> 
    </footer>

CSS它指定为标志

.page-foot .rd-navbar-brand { 
    margin-bottom: -4%; 
    margin-left: -18%; 
}

我CSS和HTML是新的位置，你能解释一下为什么会这样？

来源

2017-09-29 Martin Ďurický

你是什么意思，它不工作？它没有显示标志？或者标识被拉伸，扭曲等？ –

它不在正确的位置，它远离了页脚 –

它有多远？像屏幕顶部或只是移动了一些？ –

.page-foot .rd-navbar-brand在它上面有负边距 - 取下它们，它应该回到正确的位置！添加了一些底部填充，使徽标在顶部/底部具有相同的填充。

@media (max-width: 767px){ 
    .page-foot .rd-navbar-brand{ 
    margin: 0 0 30px; 
    } 
}

来源

2017-09-29 17:51:36 will

但是，如果我删除 - 它在移动版本上的权利的地方，但在电脑上它的错误 –

添加媒体查询重置边距，编辑上面的一个例子 – will

哦，还有一个问题 - 如何处理这个？以iPad的分辨率为例查看页脚。 http://quirktools.com/screenfly/#u=http%3A//testwebsites.9e.cz/index.html&w=1024&h=768&a=22&s=1 –

HTML徽标没有响应

回答

相关问题