當窗口大小調整時，網站內容會移動

-2

我已經創建了一個網站，並且我遇到了問題，因爲每次調整窗口大小時，網站中的內容都會移動並且不會保持有序。當窗口大小調整時，網站內容會移動

我能做些什麼來解決這個問題？非常感謝！

這裏是我的webite一個代碼示例：

<section class="nav-panel nav-color" id="nav-panel-2"> 
    <div class="img"> 
     <a target="_blank" href="images/Starters/starters1.jpg"> 
     <img src="images/Starters/starters1.jpg" alt="Restaurant" width="600" height='auto'> 
     </a> 
     <div class="desc">Fried Ravioli</div> 
    </div> 

    <div class="img"> 
     <a target="_blank" href="images/Starters/Starters2.jpg"> 
     <img src="images/Starters/starters2.jpg" alt="Restaurant" width="600" height='auto'> 
     </a> 
     <div class="desc">Cheese Bread</div> 
    </div> 

    <div class="img"> 
     <a target="_blank" href="images/Starters/breadsticks.jpg"> 
     <img src="images/Starters/breadsticks.jpg" alt="Restaurant" width="600" height='auto'> 
     </a> 
     <div class="desc">Garlic Bread</div> 
    </div> 

    <div class="img"> 
     <a target="_blank" href="images/Starters/mozzarellaSticks.jpg"> 
     <img src="images/Starters/mozzarellaSticks.jpg" alt="Restaurant" width="600" height='auto'> 
     </a> 
     <div class="desc">Mozzarella Sticks</div> 
    </div> 

    <div class="img"> 
     <a target="_blank" href="images/Starters/wings.jpg"> 
     <img src="images/Starters/wings.jpg" alt="Restaurant" width="600" height='auto'> 
     </a> 
     <div class="desc">Chicken Wings</div> 
    </div> 
    </section>

來源

2016-06-07 Alisinna

您需要更具體地解釋問題並添加一些代碼示例。 – TheDrot

嘿嘗試閱讀有關響應網頁設計。同時將網站的div寬度更改爲實際寬度的百分比，並正確設置邊距。 – user1234

@TheDrot我現在添加了一個代碼示例:)希望它有幫助！ – Alisinna

你必須對你的CSS工作。編輯浮點數，高度，寬度，最大寬度等來創建響應式網站。您需要使用JavaScript和JQuery等插件來進一步增強您網站的吸引力。

一般來說，這個問題不會給你任何迴應或答案。加入一些教程或有關響應式Web開發的內容。

來源

2016-06-07 12:01:41

請勿使用邊距和填充屬性來居中放置元素。創建一個包裝div，然後設置邊距：0 auto;到它。

來源

2016-06-07 12:03:43

您可以給位置：絕對或固定的樣式。示例。 #div{ position:absolute; }

來源

2016-06-07 12:05:38

當窗口大小調整時，網站內容會移動

回答

相關問題