Question

我正在创建一个新网站，这里是www.qldmetals.com

除了iPhone上的响应之外，网站上的一切似乎都很好。在iPhone中，徽标位于导航菜单上。我尝试了以下媒体查询，但它似乎对我不起作用，即

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .logo a.brand { display: block !important; }}

我很困惑，这个错误是因为显示方法还是其他任何东西（比如我必须对任何其他类使用媒体查询）

感谢您的帮助和宝贵的时间。

谢谢。

Answer 1

我已经看过你的网站，之后我创建了一些我自己的风格元素，我正在分享它只适用于媒体屏幕最大宽度480px 遵守守则

 @media (max-width:480px){
.logo a.brand {
    display: block !important;
    height: auto;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}

.logo a.brand img {
    float: none;
    height: auto;
    margin: 2px 8px 2px 0;
    width: 100%;
}

header .logo{
 float: none;
    max-height: none;
    text-align: center;
    width: 100%;
}


}

Iphone响应网站问题

1 个答案: