热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

html网页使用rem计算单位时img位置偏移

1.使用px计算单位时代码如下:

1.使用px计算单位时代码如下:

运行结果如下:

(显示正常)

2.使用rem计算单位(1rem=100px)时代码如下:

运行结果如下:

(向下偏移)

3.使用rem计算单位(1rem=50px时)代码如下:

运行结果如下:

(显示正常)

以上测试在chrome以及opera浏览器中进行,测得的div宽高和img宽高均为80px。经过测试,当div的rem>1.06时,显示正常,小于此值时img向下偏移。

求解答该问题出现原因,谢谢了。


推荐阅读
author-avatar
蛮妞妞小公主切_292
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有