问:我不明白为什么我的代码不起作用。我似乎无法在两列中对齐我的个人资料照片和信息......即使继续播放视频我的导航也没有对齐......代码有问题......
@media 屏幕和(最小宽度:480px){
/******************************** 两列布局 **************** ****************/
#primary { 宽度:50%;向左飘浮; }
#secondary { 宽度:40%;浮动:对;}
/******************************** 页:投资组合 **************** ****************/
#gallery li { 宽度:28.3333% }
#gallery li:nth-child(4n) { clear: left; }
/******************************** 页:关于 **************** ****************/
.profile-photo { 浮动:左;边距:0 5% 80px 0;}
}
@media 屏幕和(最小宽度:660px){
/******************************** 页:关于 **************** ****************/
导航{背景:无;浮动:对;字体大小:1.125em;右边距:5%;宽度:45%;
}
}
答:也许您的 css底部没有媒体查询?或者如果它在一个单独的样式表中,它不会导入到您的主样式表之下?
因为您的媒体查询应该始终在您的主 CSS 之下,无论是在一个样式表中还是按照它们的导入顺序。