为什么html页面整体变小,HTML页面布局突然变化，以显示更小的部门

我正在创建一个网页，我已经完成了一个基本的布局，工作完全正常。所有的分配都是合适的。但突然间，我不小心按下了一个按钮，现在它已经变得歪斜了。它实际上变得更小了。HTML页面布局突然变化，以显示更小的部门

有人可以帮我看看这里有什么问题吗？我正在尝试，但我不确定，如何调试。

谢谢。

HTML File:

ABCD

Certified General Accountant&nbsp

Hello

Hi

How

Main Body!!

Contact Us

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;

}

+0

尝试命令+ 0或CTRL + 0重置浏览器缩放 –

+0

没有发生任何事情。代码有问题吗？ –

+0

你的CSS看起来对我来说没问题。从你的问题来看，你听起来像是浏览器缩放/放大，这正在改变你的窗口。浏览器窗口的大小是否相同？您是否尝试过其他浏览器？ –