css3 - 為啥img的高度和a的高度不一樣
問題描述
<p> <a href='http://www.leifengta.com.cn/wenda/5967.html'><img src='http://www.leifengta.com.cn/wenda/images/1.jpg' alt=''> </a></p>
css*{ margin: 0;padding: 0;}@media (min-width: 320px) {html { font-size: 100px;}}@media (min-width: 360px) {html {font-size: 112.5px;}}@media (min-width: 400px) {html {font-size: 125px;}}p{ margin: 2%;}a{ display: block;}img{ height: .64rem;}

為什么img的高度是64px,而a的高度是114px呢?
問題解答
回答1:確定margin,padding都取消了?
回答2:img標簽加 display:block 或者a標簽加 font-size:0 或 line-height:0
回答3:因為img是內聯元素,外層有個默認line-height
回答4:em具有繼承性img高度以em計算的話,它的高度為0.64*a元素的的font-size以chrome瀏覽器模擬的iphone5的話,得的結果img高80px,元素高度為125px
你的64、114這個搭配怎么弄出來的?
相關文章:
1. boot2docker無法啟動2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. docker-compose中volumes的問題4. docker安裝后出現Cannot connect to the Docker daemon.5. nignx - docker內nginx 80端口被占用6. java - SSH框架中寫分頁時service層中不能注入分頁類7. javascript - mock.js可以存儲數據嗎8. docker api 開發的端口怎么獲取?9. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?10. golang - 用IDE看docker源碼時的小問題

網公網安備