摘要:實現圖片自適應容器經常有這樣一個場景,需要讓圖片自適應容器的大小。雖然符合了自適應的要求,但是如圖所見圖片失真了。這種圖片比容器小的情況強行將圖片自適應的話圖片就失真。利用的屬性就能進一步優化圖片的寬高都小于容器的情況了。 css實現圖片自適應容器 經常有這樣一個場景,需要讓圖片自適應容器的大小。 1、img標簽的方式 我們馬上就能想到,把width、height 設置為100%啊。來...
摘要:如何產生在開發項目中遇到在組件中添加樣式不生效的情況。具體場景如下組件我用在上面標簽中插入一個,組件樣式都會在選擇器的最后加上屬性樣式添加了瀏覽器渲染的和如下樣式不生效,因為標簽里沒有屬性如何解決很簡單將去掉的屬性。 如何產生 在開發項目中遇到在組件中添加樣式不生效的情況。具體場景如下 //// vue 組件 //我用js在上面div標簽中插入一個text goes h...
摘要:顧名思義,靈活的橢圓。橢圓,是我們今天的主角。所以,在寬高不一致的情況下,我們可以把角做成一個橢圓。接受百分數,不僅僅是具體的值。橢圓有兩個軸軸,四個角。分別是給它們賦予不同的值就可以實現很多奇妙的圖形。 Flexible ellipses 顧名思義,靈活的橢圓。橢圓,是我們今天的主角。拿它用來做什么呢??,對了,拿它做圓角。 border-radius,這是個 簡單,實用的屬性,我們...