HTML頁面佈局突然變化，以顯示更小的部門

我正在創建一個網頁，我已經完成了一個基本的佈局，工作完全正常。所有的分配都是合適的。但突然間，我不小心按下了一個按鈕，現在它已經變得歪斜了。它實際上變得更小了。HTML頁面佈局突然變化，以顯示更小的部門

有人可以幫我看看這裏有什麼問題嗎？我正在嘗試，但我不確定，如何調試。

謝謝。

HTML File: 

<html> 

<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
<body> 

<div id="header"> 
<h1>ABCD</h1 
</div> 

<div id="subheader"> 
<h3>Certified General Accountant&nbsp</h3> 
</div> 

<div id="sidebar"> 
Hello 
Hi 
How 
</div> 

<div id="content"> 
Main Body!! 
</div> 

<div id="footer"> 
Contact Us 
</div> 

</body> 
</html> 

CSS FIle: 

#header 
{ 
background-image:url('texture.jpg'); 
height:10%; 
font-variant:small-caps; 
font-family:Lucida Console; 
font-size: large; 
line-height:480%; 
margin:0; 
padding:0; 
} 

#subheader 
{ 
background-color:red; 
font-family:Lucida Console; 
width:100%; 
height:4%; 
margin:0; 
padding:0; 
text-align:right; 
} 

#sidebar 
{ 
width:10%; 
height:80%; 
float:left; 
background-color:yellow; 
margin:0; 
padding:0; 
} 


#content 
{ 
background-color:green; 
float:left; 
width:90%; 
height:80%; 
margin:0; 
padding:0; 
} 

#footer 
{ 
background-color:blue; 
margin:0; 
padding:0; 
} 

h1 
{ 
margin:0; 
} 

h3 
{ 
margin:0; 
}

來源

2013-12-12 Ambidextrous

嘗試命令+ 0或CTRL + 0重置瀏覽器縮放 – willoller

沒有發生任何事情。代碼有問題嗎？ – Ambidextrous

你的CSS看起來對我來說沒問題。從你的問題來看，你聽起來像是瀏覽器縮放/放大，這正在改變你的窗口。瀏覽器窗口的大小是否相同？您是否嘗試過其他瀏覽器？ – willoller

找到它了。 h1的標籤缺失>。驚訝HTML是如何工作的！現在感覺很愚蠢，不能早點發現。 - TorontoSummers

來源

2016-10-21 06:24:05 Armali

HTML頁面佈局突然變化，以顯示更小的部門

回答

相關問題