为什么我的 em 和 transition 设置后元素没有放大？

珍惜时间，勤奋学习！今天给大家带来《为什么我的 em 和 transition 设置后元素没有放大？》，正文内容主要涉及到等等，如果你正在学习文章，或者是对文章有疑问，欢迎大家关注我！后面我会持续更新相关内容的，希望都能帮到正在学习的大家！

元素设置 em 和 transition 后不放大

一个 youtube 视频中展示了设置 em 和 transition 的元素在页面加载后会放大，但同样的代码在提问者电脑上没有达到预期效果。

可能原因：

问题在于 css 代码的位置。在视频中，css 被放置在单独的文件中并通过 link 标签引入。而提问者直接在页面中使用了 style 标签。

解决方案：

将 css 移动到单独的文件中：

.box {
  font-size: 10em;
  transition: 2s;
}

另外：

如果将 css 直接写在页面中，也可以通过触发样式计算来实现放大效果，例如获取元素的计算样式或设置 margin/padding/border 等属性。

以下代码示例：

.box {
  font-size: 10em;
  transition: 2s;
}

今天关于《为什么我的 em 和 transition 设置后元素没有放大？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！