开启辅助访问
帐号登录 |立即注册
艾Q网»家园 › Web前端 › CSS+HTML › 前端css中单位em和px的区别

前端css中单位em和px的区别

 
admin  管理员 | 2022-1-17 14:59:00 | 上一主题 | 下一主题 | 显示全部楼层 | 阅读模式
两者都是制作web页面时用到的单位，PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但如果改变浏览器的缩放，原本的布局就会被打破，这时候就可以使用em定义页面的字体大小，em是相对于父元素的，1em等于一倍的父元素字体大小。
EM是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，也比较麻烦。而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，所以rem用的更广泛。
IE6-IE8，不支持em和rem属性，px是所有浏览器都支持。
因此为了浏览器的兼容性，可“px”和“rem”一起使用，用"px"来实现IE6-8下的效果，然后使用“Rem”来实现代浏览器的效果。
CSS
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

admin

管理员 楼主
1123
主题
1157
帖子
5690
积分

楼主热帖

相关帖子

标签云

seo 开发框架 jQurey 分页 选择器 圆角 滚动条 透明 循环 冒泡 正则表达式 Iframe HTML Discuz GD库 TP5 cookie 计时 Ajax JScript MYSQL 兼容性 API 计时器
友情链接
  • 艾Q网

    提供设计文章，教程和分享聚合信息与导航工具，最新音乐，动漫，游戏资讯的网站。