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標記代理奇怪

回答

相關問題