簡單的Css控制bootstrap內容頁面的img寬度自適應

簡單的Css控制bootstrap內容頁面的img寬度自適應

原生的bootstrap好像並沒有對img標籤進行寬度自適應處理，預設會這樣，圖片顯示不全

只需要寫一個簡單的css樣式進行父子元素限定即可，我這裡是這麼處理，很簡單的說：

/*blog詳細頁面的圖片寬度處理*/
.blogContent img {
    max-width: 100%;
}

回到頁面看效果，會發現文章頁面的指定div內的img標籤都有了這個css樣式，會生效對於父級div的max-width，不會超過父級div，搞定！

內容均為作者獨立觀點，不代表八零IT人立場，如涉及侵權，請及時告知。