我正在构建一个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;
}
}
答案 0 :(得分:0)
试试这个:
@media screen and (max-width: 60em) {
.social-icons {
margin: 1% 1%;
position: absolute;
top: 0;
right: 0;
}
}