CSS 不适用于 iphone 4

Question

我正在创建一个响应式网站 sandbox.mercomcorp.com 我目前正在横向处理 iphone 4。我试图让顶部的电话号码下降，社交图标所在的位置是我的 CSS。我不明白为什么当我将 top 放入 css 时它不起作用有人可以帮助我吗？下面是我的那个 block 的 css

#block-66
{
    font-weight:bold;
  /*  background:blue;*/
    position:absolute!important;
    left:-215px!important;
    top:245px!important;

}

Answer 1

如我所见，您的规则是列表中的第三个，如果在两个不同的媒体查询中被其他两个规则覆盖，则位于“顶部”位置。

(想发控制台截图，发不了)

在您的情况下，您必须在应用的主要规则之后定义您的规则。

media="all"
@media screen and (max-width: 480px) and (min-width: 320px)
#block-66 {...} 

规则在代码中的某处，并且优先于您的规则。尝试找到它并在此之后附加您的规则。

此外，您应该尽可能避免使用 !important，而是使用正确的顺序。

希望对您有所帮助，