將設置的像素大小和百分比一起使用

-1

我正在設計一個他們想要響應式設計的新頁面，但直到手機大小的菜單將成爲設置的像素寬度。我的問題是我怎樣才能在設置的像素寬度有一個菜單，但其餘的頁面出去最大可能的％寬度。將設置的像素大小和百分比一起使用

哎呀對不起忘記網址：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; 

}

感謝

來源

2015-07-20 MsKazza

你能否給我們提供一個例子，以便我們看到並弄清楚你的意思？像鏈接到活動頁面或設計？ –

用像素爲菜單添加最小寬度。所以這將是菜單在任何設備尺寸下的最小寬度。 –

相關代碼應包含在問題本身中。到外部網頁的鏈接現在或將來都不會有幫助，當其他人可能會提到你的問題尋找類似問題的答案時。 – melancia

在我看來，回答你的問題將是媒體查詢。然後，基於視口大小，您可以添加不同的CSS樣式來匹配窗口寬度，從而允許％和設置像素在不同大小的相同元素上使用。例如：@media screen and (max-width:480px){.menu{width:100%;}} @media screen and (max-width:1084px){.menu{width:200px;}}

來源

2015-07-21 23:10:32 user3669714

將設置的像素大小和百分比一起使用

回答

相關問題