继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

edge浏览器的兼容问题

肥_皂
关注TA
已关注
手记 2
粉丝 1
获赞 14
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<style>
    body { font-size: 16px; }
    div { margin: 100px auto 0; width: 5rem; height: 100px; background: red; }
</style>
</head>
<body>

<div></div>

<script src="jquery.js"></script>
<script>
$(function() {
    document.documentElement.style.fontSize = '625%';
});
</script>
</body>
</html>

兼容问题成因:
html标签font-size用js加载;
body元素font-size样式用px为单位;
样式表用rem为单位;

兼容方法: body标签字体单位用rem;

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP