代码在IE样式正常，Chrome/Firefox等浏览器样式不生效求助

嘿，我一眼就揪出问题所在啦！你的CSS里有两个关键小错误，这就是现代浏览器不生效的核心原因：

• 错误的选择器与拼写问题

  1. 你写的是image { ... }，但HTML里的图片标签是<img>，标准浏览器只会识别正确的img选择器，IE只是兼容了这个错误写法而已。而且你的时间容器用的是class="image"，如果要给容器里的所有图片应用样式，应该用.image img来精准选中目标元素。
  2. posyion: fixed里的单词拼错了！正确拼写是position，少了个t会导致整个定位属性直接被浏览器忽略。

• 修正后的CSS代码

.image img {
  position: fixed;
  width: 120px;
  max-width: 100%;
  height: 300px;
  max-height: 100%;
  overflow: visible;
  margin: auto;
  padding: 0;
}

替换掉原来的CSS后，Chrome、Firefox这些浏览器就能正确应用样式了。另外额外提一句：如果不是必须让图片固定在视口，建议去掉position: fixed，避免可能的布局重叠问题；要是只想实现居中效果，用容器的Flex布局会更灵活可靠哦。

内容的提问来源于stack exchange，提问作者Bulrog Bulrog