爲什麼此定價字段在手機上疊加？

我覺得我瘋了。我無法弄清楚爲什麼這個定價區域突然堆積在641像素以下。誰能幫我嗎？我想我需要一組新的眼睛來看代碼！爲什麼此定價字段在手機上疊加？

好

壞

如果你在這裏發佈你的代碼，這將有所幫助，所以我們沒有引用鏈接。 – Jecoms

如果我知道什麼相關的代碼張貼我會。但另一方面，如果我知道變化來自哪裏，我可能不會問這個問題開始...... :) –

如果沒有代碼來看看，只是頁面的源代碼，它看起來像你需要改變這個CSS類使用inline-block的和不是塊

@media only screen and (max-width: 641px) .gform_wrapper .ginput_container span { 
    display: inline-block; 
}

2016-08-18 18:41:28

謝謝。我仍然不明白爲什麼這些變化在641像素開始。我的樣式表中沒有任何引用該斷點。但是誰知道。我放棄了，只是簡單地添加了內聯塊定義，它工作得很好。謝謝。 –

我看到你的網站是在WordPress上製作的，並帶有一些主題和插件......一個建議....不要試圖理解......哈哈只是修復。 –

嘗試：

#gform_fields_4 li { 
    min-width: 200px; 
} 
#gform_fields_4 li * { 
    display: inline-block; 
}

我通過chrome debug在你的頁面上測試了這個，並且似乎工作。將此CSS添加到頁面和voilá！

2016-08-18 18:58:51

我會解釋一下這個問題：一些風格是設置父div更小，並使子元素（如某些跨度）和輸入顯示爲：block ...因此打破了界限。與最小寬度，所以它不會變小，並且所有孩子的*選擇器是內嵌塊 –

回答