两列显示，左列有重要内容-右列不是那么重要。
我想要在设备宽度小于X的移动设备上使用的是-
左列的宽度设置为设备宽度，右列的宽度设置为设备宽度的50％或270px，以较小者为准。
我似乎无法使它正常工作，这是我在媒体查询中尝试过的内容（左列为主要内容）：
main {
float: left;
width: device-width;
}
但是，在媒体查询之前，它似乎一直在为CSS前面定义的main保留宽度。是的，媒体查询处于活动状态，我将主体设置为其他背景色以确保。
如何指定相对于设备宽度的容器宽度？主设备的设备宽度为100％，侧面div的设备宽度为50％。
感谢您的建议。
如果要在媒体查询中执行以下操作，该怎么办：
body {
width: @device-width + 270px;
}
理想情况下，main占用设备宽度的100％，并在滚动条上显示侧边栏。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句