Html 使用“同时设置像素大小和百分比”

我正在设计一个新页面的样式，他们想要一个响应性强的设计，但手机大小的菜单是一个设定的像素宽度。我的问题是，我如何在设置像素宽度的情况下拥有一个菜单，而让页面的其余部分变为最大可能的%宽度

Opps抱歉忘记了网址：

这是我到目前为止的css：

.side-menu {
    float:right;
    width:200px;
    border: 5px #E5E4E4 solid;
    font-size:12px;
}

.page-content {
    border: 5px #E5E4E4 solid;
    vertical-align:top;
    margin-right:250px;

}

---

谢谢

我认为你的问题的答案应该是媒体查询。然后根据视口大小，您可以添加不同的css样式以匹配窗口的宽度，从而允许在不同大小的相同元素上使用%和设置像素。示例：

@media screen和（最大宽度：480px）{.menu{width:100%；}}}@media screen和（最大宽度：1084px）{.menu{width:200px；}}

您能给我们举个例子，让我们看看并理解您的意思吗？像一个链接到一个活动页面，或设计？添加一个最小宽度的像素到您的菜单。因此，它将是菜单在任何设备大小下所能容纳的最小宽度。相关代码应包含在问题本身中。当其他人可能会参考你的问题寻找类似问题的答案时，到外部页面的链接对现在和将来都没有帮助。