當我儘量減少我的網頁一切都搞砸了

一所學校的項目，我必須對我自己的網頁，該網頁是在荷蘭，它沒有完成，但我已經做了很多的網頁幾乎完成，唯一的問題是，當我最小化我的頁面時，所有的東西（文字，照片，div，橫幅等等）將會在另一個地方並且獲得其他測量結果。 專家能否監視和控制/糾正我做錯了什麼，這樣我終於可以結束我的網站了？ 或者你能解釋我爲什麼會發生？ 我會將我的網站附加在zip文件夾中。 Here:http://www.filedropper.com/site_5 在此先感謝。 PS：這不是我的真實網站，而是一個副本。在文件夾中，您可以一起找到照片，樣式表和html代碼。當我儘量減少我的網頁一切都搞砸了

來源

2016-05-13 Fede

查一查響應式設計。 – Steve

使用類似正常化或重置的CSS，因爲它看起來在IE/WebKit的不同/ FF
你需要使用媒體查詢（也有在網絡上很多很好的教程），你不」噸需要使用很多的，只有基本的斷點，所以你安排不適合
你不能用利潤來定義主要內容區的內容，這就是爲什麼你的保證金左/右400像素的起因內容區域的縮小。使用寬度1120px內容（FullHD的屏幕上，使用較小的分辨率媒體查詢），並給它margin: 0 auto; - 它會在你使用調整上的按鈕效果將其調整到身體
的中心，確保你有更大的價值計算，調整按鈕的大小不會移動其他元素，使其後（你可以找到這個太教程）

來源

2016-05-13 00:55:35 moped

非常感謝你的工作; 「width：1085px; margin：0 auto;」 – Fede

-2

我真正在網站上看到的是，當我使窗口小按鈕也移到不同的線路。

您可以將頁面包裝在一個表格中;

<!DOCTYPE HTML> 
<HTML> 
    <HEAD> 
    </HEAD> 
    <BODY> 
<table width="80%" align="center"> 
<tr> 
<div id="welkomachtergrond"></div> 
</tr> 
<tr> 
     <div id="welkomtext" align="center"> 
      WELKOM 
     </div> 
</tr> 
<tr> 
     <div id="welkomtext2"> 
      <center>BY</center> 
      <p><center>Federico xxx</center></p> 
     </div> 
</tr> 
<tr colspan="4"> 
     <td><a ID="GhostButton" href="OverMij.html">Overmij</a></td> 
     <td><a ID="GhostButton1" href="Foto.html">Foto's</a></td> 
     <td><a ID="GhostButton2" href="Video.html">Video's</a></td> 
     <td><a ID="GhostButton3" href="Contact.html">Contact</a></td> 
</tr> 
    </BODY> 
</HTML>

來源

2016-05-13 00:50:51 GazEcc

您也可以將該寬度更改爲確切的像素數，然後將表居中。 – GazEcc

表格元素上的寬度和對齊屬性已過時..並觀察大寫字母。歡迎來到21世紀:) – aldanux

全部大寫都來自上面提供的原始索引文件:)並且它仍然可以在HTML 5中使用afaik – GazEcc

當我儘量減少我的網頁一切都搞砸了

回答

相關問題