鍍金池/ 問(wèn)答/HTML/ 圖片的寬高寫(xiě)在width height里和css里有什么區(qū)別?

圖片的寬高寫(xiě)在width height里和css里有什么區(qū)別?

之前做過(guò)一個(gè)移動(dòng)端模擬滾動(dòng)的功能,滾動(dòng)的容器里放的是豎向排列的圖片,開(kāi)始的時(shí)候我是把圖片的寬高寫(xiě)在css里。因?yàn)槟M滾動(dòng)需要獲取容器的高度,但是這種情況下獲取到的高度總是比實(shí)際高度小幾十像素導(dǎo)致滾動(dòng)滾不到底。后來(lái)改成在img的width和height屬性上定好寬高就正常了。
所以對(duì)于一個(gè)圖片,在css里定寬高和在width height屬性里定寬高有什么區(qū)別嗎?

回答
編輯回答
遲月

css上設(shè)置的權(quán)限高于直接在img上面設(shè)置。
固有尺寸:img圖片的自身大小,如果html尺寸不設(shè)置,并且Css尺寸不設(shè)置,則展現(xiàn)資源圖片的固有寬高。
html尺寸:通過(guò)html設(shè)置height,width屬性,且沒(méi)有Css限制,則展現(xiàn)為html尺寸。
Css尺寸:通過(guò)Css屬性設(shè)置寬高,展現(xiàn)為Css屬性設(shè)置的結(jié)果。

2018年6月26日 03:59