CSS /绝对定位不适用于Safari

Question

我正在构建一个wordpress网站，并且我试图将一些社交媒体图标放在右下角，用于网站＆gt; 60em，右上角用于＆lt; 60em屏幕分辨率。以下代码适用于除Safari之外的所有浏览器和操作系统。不知道发生了什么。有什么想法吗？

网站：http://www.itsjustchicken.com（请参阅右侧的Instagram图标）

.social-icons {
  margin: 1% 1%;
  position: absolute;
  bottom: 0;
  right: 0;
}
  @media (max-width: 60em) {
    .social-icons {
      margin: 1% 1%;
      position: absolute;
      top: 0;
      right: 0;
    }
}

Answer 1

试试这个：

@media screen and (max-width: 60em) {
     .social-icons {
        margin: 1% 1%;
        position: absolute;
        top: 0;
        right: 0;
    }
}