文章詳情頁
css3 - 為啥img的高度和a的高度不一樣
瀏覽：152日期：2023-07-18 09:00:10
問題描述
<p> <a href='http://www.gepszalag.com/wenda/5967.html'><img src='http://www.gepszalag.com/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標(biāo)簽加 display:block 或者a標(biāo)簽加 font-size:0 或 line-height:0
回答3：因?yàn)閕mg是內(nèi)聯(lián)元素，外層有個(gè)默認(rèn)line-height
回答4：em具有繼承性img高度以em計(jì)算的話，它的高度為0.64*a元素的的font-size以chrome瀏覽器模擬的iphone5的話，得的結(jié)果img高80px，元素高度為125px
你的64、114這個(gè)搭配怎么弄出來的？
標(biāo)簽：
CSS
相關(guān)文章：
1. angular.js - 各位大神們，你們混合開發(fā)，web方式中更推薦用什么框架呀？ react？vue？angular？謝謝～2. angular.js - angularjs的自定義過濾器如何給文字加顏色？3. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。4. docker-machine添加一個(gè)已有的docker主機(jī)問題5. javascript - htaccess rewrite 的問題6. javascript - IOS微信audio標(biāo)簽不能通過touchend播放7. 前端 - 集思廣益，如何用CSS實(shí)現(xiàn)數(shù)字上面有一個(gè)點(diǎn)8. PHP類中的$this9. 老師百度網(wǎng)盤分享一下WampServer的包啊,我們下載幾kb要下載一天的.10. html5 - vuex 為什么需要action,我發(fā)現(xiàn)進(jìn)行異步操作回調(diào)中直接操作mutation也沒有報(bào)錯(cuò)
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備