css - 页面在窗口模式下无法正确缩放

Question

我的主页出现了一些问题 -> http://holtumdata.dk/mission在我解决了与您的 PC 分辨率有关的一些缩放问题后，我是否遇到了新问题。每当我从全屏点击到一个窗口时，缩放比例又很奇怪，而且文本位置不正确。

我应该怎么做才能解决这个问题？

您可以转到 http://holtumdata.dk/mission 查看问题然后在浏览器中从全屏模式更改为窗口模式。 (尝试拉动不同的尺寸，看看它是如何变化的。)

谢谢!

   */
.blog #content {
  margin-left: 100px;
padding: 0 0 1.53846153846154em 0;
  background-color: transparent;
}
@media screen and (min-device-width: 1920px) {
#content {
  margin-bottom: 1.53846153846154em;
  margin-left: -21em;
} }
@media screen and (min-device-width: 1600px) and (max-device-width: 1919px)  {
#content {
  margin-bottom: 1.53846153846154em;
  margin-left: -11.5em;
} }
@media screen and (min-device-width: 1440px) and (max-device-width: 1599px)  {
#content {
  margin-bottom: 1.53846153846154em;
  margin-left: -2em;
} }
@media screen and (max-device-width: 1439px) {
#content {
  margin-bottom: 1.53846153846154em;
} }
.single #content {
padding: 0;
}
.page-template-gallery-fullscreen-php #content {
display: none;
}

上面添加的代码。

Answer 1

我发现了这个:

@media screen and (min-device-width: 1920px)
    #content {
    margin-bottom: 1.53846153846154em;
    margin-left: -21em;
}

将 margin-left 设置为 0 将解决此问题。