Question

这是我的代码我添加了这个外部div并尝试了不同的方法，因为你可以看到样式试图用Patch标题居中徽标

 echo '<div style="display: block; margin-left: auto; margin-right: auto;"><a       
 href="index.php"><div id="logo"></div></a>';
                echo '<h1 class="patch">PATCH ';
                    echo $patch.'</h1></div>

这也是css我遇到了max-width 639 px的问题，而且看起来更小http://i.imgur.com/fsV1vnc.png

#logo {
            float: left;
            width: 37px;
            height: 37px;

            background-image: url("../assets/logo/logo.png");
            background-size: contain;
        }
        #logo:hover{
            background-image: url("../assets/logo/logo_inverted.png");
            background-size: contain;
            transition: all 500ms ease; 
        }

@media only screen
        and (min-width: 640px)
        {
        .patch{
            float: left;
        }
        #logo{
            margin-right: 5px;
        }
}
@media(max-width: 639px){
        #logo{
            float: none;
            }
        .patch{
            float: none;
        }}

Answer 1

添加：

width: 100%;
text-align: center;

到.patch，你们都已经准备好了。如果您不需要，为什么要在文本上使用margin auto？

在低分辨率下使用标题居中徽标

1 个答案: