css3 - 為啥img的高度和a的高度不一樣
問題描述
<p> <a href='http://m.4tl426be.cn/wenda/5967.html'><img src='http://m.4tl426be.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. bootstrp是col-md-12列的,只有col-md-10有內容,可以讓沒有內容的不占據位置嗎;2. android - Genymotion 微信閃退 not find plugin.location_google.GoogleProxyUI3. wordpress里,這樣的目錄列表是屬于小工具還是啥?4. python - Fiddler+Android模擬器抓取app,json數據被加密了,如何解析?5. python如何設置一個隨著系統時間變化的動態變量?6. 我的怎么不顯示啊,話說有沒有QQ群什么的7. mysql federated引擎無法開啟8. MySQL 使用 group by 之后然后 IFNULL(COUNT(*),0) 為什么還是會獲得 null9. 常量在外面不加引號會報錯。10. sublime text3安裝package control失敗
