CSS不能在iPhone 4上工作

我正在创建一个响应站点sandbox.mercomcorp.com我目前正在研究iphone 4的横向。我试图让顶部的电话号码下来，社交图标在这里是我的CSS。我不明白为什么当我把顶部放入CSS它不工作可以有人帮助我吗？以下是我对该块的cssCSS不能在iPhone 4上工作

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

}

来源

2014-08-29 Candice Moses

对不起，但你的CSS是一团糟。在每条规则之后，你都不应该有！最重要的规则是在你的媒体查询@media屏幕和（最大宽度：480px）和（最小宽度：320px） – GifCo 2014-08-29 14:44:01

@GifCo谢谢你的工作，它只是设置为-45px，但这没有奏效。除了评论之外，我的CSS还有什么问题？ – 2014-08-29 14:57:41

我看到你已经把它改成了Top：45px而不是-45px。我只是在Chrome开发工具中模拟iPhone，所以无法确定它会工作，但如果您将其更改为顶端：200px，它将会非常接近您想要的位置。生病发布下面的屏幕截图的答案。 – GifCo 2014-08-29 15:07:49

正如我所看到的，你的规则在列表中的第三，如果由其他两个规则重写，在两个不同的媒体查询“顶部”的位置。

（我想后控制台的屏幕截图，但我做不到）

在你的情况，你有一个应用的主要规则后，来定义您的规则。

的

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

规则是某处代码，并采取优先于规则。尝试找到它并在此之后追加你的规则。

此外，您应该避免使用！重要的，如果可能的话，并使用正确的顺序来代替。

希望这有助于，

来源

2014-08-29 15:11:04

请参阅媒体查询和规则的屏幕快照我正在改变移动电话号码。

enter image description here

来源

2014-08-29 15:09:21 GifCo

CSS不能在iPhone 4上工作

回答

相关问题