两列显示，左栏有重要的东西 - 右栏不那么重要 .
在设备宽度小于X的移动设备上我想要的是 -
左列的宽度设置为设备宽度右列的宽度设置为设备宽度的50％或270px，以较小者为准 .
在我的媒体查询中，我似乎无法让它工作，我尝试过（左列是主要的）：
main {
float: left;
width: device-width;
}
然而，在媒体查询之前，似乎继续拾取早先在CSS中定义的main的宽度 . 是的媒体查询是活跃的，我将身体设置为不同的背景颜色，以确保 .
如何指定容器相对于设备宽度的宽度？主设备的100％设备宽度，侧面设备的设备宽度的50％ .
谢谢你的建议 .
1 回答
如果在媒体查询中做这样的事情该怎么办：
理想情况下
main占用设备宽度的100％，并且滚动条显示侧边栏 .