在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ html網(wǎng)頁(yè)使用rem計(jì)算單位時(shí)img位置偏移

html網(wǎng)頁(yè)使用rem計(jì)算單位時(shí)img位置偏移

1.使用px計(jì)算單位時(shí)代碼如下：
clipboard.png
運(yùn)行結(jié)果如下：
clipboard.png
（顯示正常）

2.使用rem計(jì)算單位（1rem=100px）時(shí)代碼如下：
clipboard.png
運(yùn)行結(jié)果如下：
clipboard.png
（向下偏移）

3.使用rem計(jì)算單位（1rem=50px時(shí)）代碼如下：
clipboard.png
運(yùn)行結(jié)果如下：
clipboard.png
（顯示正常）

以上測(cè)試在chrome以及opera瀏覽器中進(jìn)行，測(cè)得的div寬高和img寬高均為80px。經(jīng)過(guò)測(cè)試，當(dāng)div的rem>1.06時(shí)，顯示正常，小于此值時(shí)img向下偏移。

求解答該問(wèn)題出現(xiàn)原因，謝謝了。

回答
編輯回答
澐染

這個(gè)跟很多原因有關(guān)，無(wú)法在瀏覽器看到具體的效果我只能猜測(cè)。

猜測(cè)1：img 沒(méi)加block 屬性。
猜測(cè)2：你設(shè)了rem 肯定就做了適配。那么根據(jù)瀏覽器的大小，你的html的fontSize可能已經(jīng)變了不再是100了，而是帶小數(shù)，無(wú)窮小數(shù)，例如0.33333333....的那種。瀏覽器會(huì)搞個(gè)四舍五入取成0.3。。那少的哪個(gè)0.3就擠下去了，，
猜測(cè)3: 因?yàn)槟阍O(shè)了border 有可能因?yàn)閐iv的實(shí)際寬度=width+border 圖片=100%=div的實(shí)際寬度 = div.width+ border 擠下去的。

還有問(wèn)題接著問(wèn)。如果覺(jué)得這個(gè)回答是認(rèn)真的請(qǐng)采納和點(diǎn)贊。

2017年1月9日 17:24