使用媒体查询时的CSS样式无法正常工作

Question

这是codepen：     https://codepen.io/GummyGod/pen/XZqbKY 那是我写的查询：

 @media screen and (max-width:500px){
.content{
    display:flex;
    flex-wrap:nowrap;
 }

.sidebar {
    order:-1;
 }

.resume {
    width:100%;
    order:;
 }
}   

基本上，在css文件的末尾我做了一个css媒体查询，以使其响应从0到500px的宽度，但是，当大小在像素范围内，奇怪的标签显示，我可以＆ ＃39;似乎能够设计风格

Answer 1

试试这个。移除侧栏，主要类的width和float:left。根据需要调整侧栏和主班之间的空间填充。

.sidebar, .main {
    display: table-cell;
}