CSS / Absolute Positioning Wont Work for Safari

Question

我正在构建一个wordpress网站，并试图将一些社交媒体图标绝对定位在网站>60em的右下角和<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;
    }
}