幫助html5和css3

我需要幫助來理解響應式網頁設計。每當我向下滾動或者向上滾動時，寬度開始變大。我以百分比的形式擁有一切，但我根本沒有幫助。幫助html5和css3

#Main-Wrapper { 
    width: 50%; 
    margin: 0 auto; 
    border: 1px solid #000; 
} 


.Main-Header { 
    width: 100%; 
    border: 1px solid #000; 
} 

.Main-Header nav { 
    background-color: #DDD; 
    border:1px solid #000; 
    width: 60%; 
    height: 40px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    position: relative; 
    top: 42px; /* 42 px*/ 
}

這是代碼我使用

<div id="Main-Wrapper"> 
    <header class="Main-Header"> 
     <img src="css/Images/Logo.jpg"> 
      <nav> 
       <ul> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home</a></li> 
       </ul> 
      </nav>

來源

2015-01-31 Mumeirc

我沒有看到任何東西應該是響應或滾動更改。你能詳細說明一下，也許可以創建一個jsfiddle嗎？ – EWit 2015-01-31 19:33:23

儘量去除上。主要報頭的寬度。或者如果這不起作用，請添加：box-sizing: border-box;

來源

2015-01-31 19:30:32

okey感謝您的快速回放我會嘗試一下，看看它是否工作 – Mumeirc 2015-01-31 19:31:07

是的，它可以在佈局上工作。但仍然發生變化

來源

2015-01-31 19:40:12 Mumeirc

它改變了 – Mumeirc 2015-01-31 19:40:33

幫助html5和css3

回答

相關問題