CSS /绝对定位不适用于Safari

时间:2014-11-10 20:47:04

标签: css safari position absolute

我正在构建一个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;
    }
}

1 个答案:

答案 0 :(得分:0)

试试这个:

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