我正在为我现有的网站使用Wordpress创建博客和自定义主题。我试图让它与主站点的外观和感觉完全匹配，所以我逻辑上只是复制了所有CSS。。。
我的大多数尺寸定义都是基于em的。我发现对于尺寸有em定义的元素，尺寸差异非常大。
现场示例：主页：http://letsdolunch-web-dev.azurewebsites.net/博客：http://letsdolunch.today/blog
如果查看页眉和页脚，可以清楚地看到差异。页眉/页脚高度由em定义，以及文本大小和项目的填充，对于导航栏链接和左脚文本，这些项处于禁用状态。
我正在制作一个下划线模板，并在下面找到了唯一相关的CSS，所有这些看起来都是合法的。
color: #404040;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
为什么我在Wordpress网站上的em大小明显小于应该的大小
最合适的回答,由SO网友:jdm2112 整理而成
根据规范：“EM等于使用它的元素的‘font-size’属性的计算值。”
您提供的两个URL之间的字体大小值不同（分别为14px和10px）。
你的风格第273行。css文件正在替换body元素的默认引导字体大小（Bootstrap.min.css的第5行）。
