Question

我正在设计一个他们想要一个响应式设计的新页面，但是移动尺寸的菜单是一个设置的像素宽度。我的问题是如何在设置像素宽度的情况下使用菜单，但页面的其余部分可以达到最大可能的％宽度。

Opps抱歉忘记了网址：http://adlantic.ie/responsive/

这是我到目前为止的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;

}

感谢

Answer 1

我认为你的问题的答案是媒体查询。然后根据视口大小，您可以添加不同的CSS样式以匹配窗口的宽度，从而允许％和设置像素在不同大小的相同元素上使用。例如：@media screen and (max-width:480px){.menu{width:100%;}} @media screen and (max-width:1084px){.menu{width:200px;}}

使用设置的像素大小和百分比

1 个答案: