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

问题描述：

我正在设计一个他们想要响应式设计的新页面，但直到手机大小的菜单将成为设置的像素宽度。我的问题是我怎样才能在设置的像素宽度有一个菜单，但其余的页面出去最大可能的％宽度。将设置的像素大小和百分比一起使用

哎呀对不起忘记网址：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; 

}

感谢

你能否给我们提供一个例子，以便我们看到并弄清楚你的意思？像链接到活动页面或设计？ –

用像素为菜单添加最小宽度。所以这将是菜单在任何设备尺寸下的最小宽度。 –

相关代码应包含在问题本身中。到外部网页的链接现在或将来都不会有帮助，当其他人可能会提到你的问题寻找类似问题的答案时。 – melancia

答

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

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

相关推荐