Css @media标记代理奇怪

我正在尝试使用@media标记进行一些设计，以调整浏览器窗口的大小。Css @media标记代理奇怪

普通窗口：

normal

大小的窗口：

resized

（第3故事（一个在右边）消失，和元素变得更小）

问题是当我调整它恢复到原来的大小，我得到：

resized_back_to_original

代码：

@media screen and (max-width: 998px){ 
    ... 
    .person_company{ 
     float: none !important; 
    } 
    ... 
}

.person_company就是这些图像：

person_company

我没有张贴整个@media代码，因为如果我删除了.person_company风格，这个问题不会发生。所以我认为这是造成这个问题的原因。

另外，还要注意调整之前，铬检查元素显示float: right该元素上，并调整大小时，它显示float: none，并扩大回来时，它显示float: right。所以我猜想@media是正确的。那么是什么导致了这个问题呢？

来源

2015-05-02 Alaa M.

尝试使用（分钟）作为断点例如（@media（min-width：998px）{...） – Tasos

您是否尝试向下滚动页面以检查缺少的框在那儿？当你移除浮动时，它可能会在浮动元素下面结束。 –

@SalmanA没有丢失的盒子。请阅读第二张照片下的解释（我希望第三盒消失）。 –

当您调整窗口大小时，Chrome中存在一个导致位置问题的错误。发生这种情况时，只需刷新车辆中的页面（F5）即可。它应该正常显示。

调整大小错误。 :)

也许你可以在这里提供更多关于调整大小前后窗口大小的细节。

来源

2015-05-02 18:27:46

嗯...有趣。这真的只发生在铬。（是的，刷新修复它...）你可以看到我的代码中断点是在** 998px **。 –

当你有0123'规则float有时甚至display时，会发生此错误。这是因为即使屏幕重新调整大小，!important也会保持活动状态。现在我们不需要做什么，我通常试图找到另一种定位我的元素的方式。这不像用户会坐下来调整窗口的大小等，但如果你真的被这个错误所困扰。找到另一种方式去定位:)

来源

2015-05-02 18:32:37 Chrillewoodz

但正如我所说的，在调整回到正常状态后，chrome的** inspect元素**会在该元素上显示“float：right”。这意味着'！重要'不会保持活跃 –

Css @media标记代理奇怪

回答

相关问题