border-radius在chrome中的類似div中不能一致地工作

-1

website I'm working on在右側顯示一個div，顯示主頁的英雄部分中的代碼示例。我們在我們的一個着陸頁上使用類似的div（https://buttercms.com/l/ruby-blog-software/），但div的底部沒有圓角。border-radius在chrome中的類似div中不能一致地工作

我不明白爲什麼着陸頁div沒有圓角邊框，但主頁div。

來源

2017-01-27 Roger Jin

http://stackoverflow.com/help/how-to-ask和http://stackoverflow.com/help/mcve –

並使用開發人員工具檢查樣式屬性的差異以及它們來自哪裏。 –

它在兩頁上都有圓角。 –

它只在某些斷點處做過，而且只在我的一個顯示器上。

的<pre>僅出現了同一斷點邊界是錯誤的

爲我工作的解決方案是

body.landing_page .code-examples .code-container .code pre { 
 
    margin: 0; 
 
    border: none; 
 
    border-radius: 5px; 
 
    text-align: left; 
 
    min-height: 320px; 
 
}

原來的邊界半徑爲0像素

來源

2017-01-27 22:14:26

border-radius在chrome中的類似div中不能一致地工作

回答

相關問題