如何修复错误的初始刻度错误

Question

我正在尝试为我的旧网站创建响应式CSS，但是初始缩放使我的视口变得很厚。此问题也使@media产生新问题。有关某些扩展信息，您可以检查我的site并在Chrome开发工具中尝试在其上进行设备布局。

我尝试更改宽度，背景大小和边距，但仍然遇到相同的问题。

...
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
...

...
@media screen and (max-width: 900px) {

#container {
 width: 100%;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 background: url(/des/3.jpg) no-repeat;
background-size: contain, cover;
}

td.side-block, td.content-block{
 display:block;
 width:89%;
 display:block;
}
table.main-table {
 margin: 0px 25px;
}

td.content-block {
 width: 88%;
 vertical-align: top;
 padding: 15px;
padding-right: 10px;
margin-left: 10px;
}

td.side-block {
 width: 88%;
 vertical-align: top;
 padding-top: 10px;
 margin-left: 20px;
}

img {
 width: 100%;
 height: auto;
}

#allEntries table {
width: 100%;}

#allEntries img {
width: 20%;
}

table.inftable {
width: 100%;
}

table.main-table{
width: 100%;
}


}
...

感谢您的所有帮助。问候！