CSS最低保證金

我需要有一個保證金是寬7％，至少100像素，我會怎麼做呢？CSS最低保證金

我試圖

margin:7% 100px;

但它沒有工作

有什麼樣一分利潤？

來源

2012-10-13 Niek

邊緣是固定的。你想達到什麼目的？ –

沒有這樣的事情，最小利潤率。你必須設置一個固定的邊距，寬度爲％，最大寬度。 – MiniGod

我有一個菜單ul，它的最小寬度是100像素，寬度7％。旁邊是一個主要的div，寬度爲93％。我希望它與頁面一起調整大小，而不會重疊菜單。我的網站位於[CLICK]（http://nefas.nl/） – Niek

-1

找到了答案，而不是，這是工作的代碼：

<script type='text/javascript'> 
window.addEventListener('resize', function(event){ 
if (GetWidth() < 1373) { 
    console.log('changed < 1372'); 
    document.getElementById('main').style.marginLeft = '100px'; 
}else{ 
    console.log('changed > 1372'); 
    document.getElementById('main').style.marginLeft = '7%'; 
} 

}, false); 

function GetWidth() 
{ 
      var width = 0; 
      if (self.innerHeight) 
      { 
        width = self.innerWidth; 
      } 
      else if (document.documentElement && document.documentElement.clientHeight) 
      { 
        width = document.documentElement.clientWidth; 
      } 
      else if (document.body) 
      { 
        width = document.body.clientWidth; 
      } 
      return width; 
} 


</script>

它會檢查每個窗口調整大小，只要你調整，執行它的函數的getWidth。如果頁面寬度低於1372，它會改變我的div的CSS，ID爲'main'。

來源

2012-10-13 19:36:05 Niek

你應該考慮以後用頭，導航，部分和其他HTML5標籤（也不要忘記使用SHIV舊版本瀏覽器）。你也可以給菜單div一定的寬度，比如100px，並使用margin：0 auto;所以菜單內容被集中:) – mymlyn

感謝您的建議，但我已經切換了佈局，因此不再需要此代碼。 – Niek

您可以分配的100px的保證金，然後覆蓋此使用JavaScript（在一定的要求得到滿足），或者你可以使用媒體查詢

例如當寬度> = 500像素，改變樣式，以便保證金是7％的100像素

來源

2012-10-13 17:51:39 mymlyn

我該如何做？ – Niek

谷歌的迴應式網頁設計:)還有像百萬個問題/ anwers在網絡上或計算器本身回答你的問題，順便說一句，你可以藏漢替換另一個 – mymlyn

一類BTW林不知道如果你問正確的問題，我想你可能要檢查此鏈接：http://www.dynamicdrive.com/style/layouts/category/C9/（即出現了谷歌＃固定流體第一環節） – mymlyn

CSS最低保證金

回答

相關問題