HTML页面布局突然改变，显示更小的分区_Html_Debugging

HTML页面布局突然改变，显示更小的分区

html debugging

HTML页面布局突然改变，显示更小的分区,html,debugging,Html,Debugging,我正在创建一个网页，我已经完成了一个基本的布局，这是工作完全好。所有的分区大小都合适。但突然，我不小心按下了某个按钮，现在它已经倾斜了。它实际上已经变得更小了有人能帮我找出这里的错误吗？我正在尝试，但我不确定，如何调试这个谢谢 HTML File: <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> &l

我正在创建一个网页，我已经完成了一个基本的布局，这是工作完全好。所有的分区大小都合适。但突然，我不小心按下了某个按钮，现在它已经倾斜了。它实际上已经变得更小了

有人能帮我找出这里的错误吗？我正在尝试，但我不确定，如何调试这个

谢谢

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;
}

找到了。h1的标记丢失>。HTML的工作原理令人惊讶！！现在觉得自己很傻，没能早点发现这一点TorontoSummers

尝试使用command+0或CTRL+0重置浏览器缩放，但不会发生这种情况。代码有什么问题吗？我觉得你的css没问题。从您的问题来看，您的浏览器缩放正在改变您的窗口。浏览器窗口的大小是否相同？你试过其他浏览器吗？找到了。h1的标记丢失>。HTML的工作原理令人惊讶！！现在觉得自己很傻，没能早点发现这一点。谢谢威洛尔的帮助哈，我也错过了那个。祝你好运