Html 如何在调整浏览器大小时保持网站的默认页面大小

我有一个困扰我很久很久的问题。
调整浏览器大小时，如何保持网站的默认页面大小。

假设页面大小为1280x720，调整浏览器大小时如何保持该大小？
示例>google.com

这意味着页面DIV元素不会出错。
现在，我的网站在浏览器调整大小时截图…

您可以看到右上角的DIV存在一些问题。
现在我希望它是这样的：
注：下图经过Photoshop处理，以显示示例。

如果有谁知道如何做到这一点，我会非常感激。
如果不使用JavaScript也可以，那就更好了：-）


谢谢

如何在调整浏览器大小时保持网站的默认页面大小

我想你的意思是，在所有可能的大小调整中，网站看起来都是一样的。不幸的是，你不能。你的内容会到达页面的边缘。然后呢？你想让它水平滚动吗？这是默认行为。您可能更希望内容以某种方式在页面上移动，这样它就不必水平滚动。最好的方法是使用

使用媒体查询，可以修改页面大小调整时的外观：

@media (max-width: 600px) {
  .sample {
    font-size: 20px;
  }
}

你可以通过媒体查询来改变网站的任何方面，并且每个宽度都可以有很多不同的设计。您甚至可以使用媒体查询根据移动设备的方向调整网站的外观，使用

方向

，例如：

@媒体（最小宽度：700px）和（方向：横向）{…}

希望这有帮助

如何在调整浏览器大小时保持网站的默认页面大小

我想你的意思是，在所有可能的大小调整中，网站看起来都是一样的。不幸的是，你不能。你的内容会到达页面的边缘。然后呢？你想让它水平滚动吗？这是默认行为。您可能更希望内容以某种方式在页面上移动，这样它就不必水平滚动。最好的方法是使用

使用媒体查询，可以修改页面大小调整时的外观：

@media (max-width: 600px) {
  .sample {
    font-size: 20px;
  }
}

你可以通过媒体查询来改变网站的任何方面，并且每个宽度都可以有很多不同的设计。您甚至可以使用媒体查询根据移动设备的方向调整网站的外观，使用

方向

，例如：

@媒体（最小宽度：700px）和（方向：横向）{…}

---

希望这有帮助

所以你要做的基本上就是创建一个响应性强、无响应的网站

由于您还没有生成任何特定于您的特定网站的代码，下面是一些指导原则-

• 在CSS中设置固定的页面大小，例如-

  body{width:1280px；height:960px}

• 清除CSS中的所有

  @media

  查询和HTML的
  部分中的
  标记

如果您只想禁用自动换行，可以使用

空白：nowrap

---

请注意，可能还有其他特定于您网站的更改，但这些更改应该会让您开始。希望有帮助

所以你要做的基本上就是创建一个响应性强、无响应的网站

由于您还没有生成任何特定于您的特定网站的代码，下面是一些指导原则-

• 在CSS中设置固定的页面大小，例如-

  body{width:1280px；height:960px}

• 清除CSS中的所有

  @media

  查询和HTML的
  部分中的
  标记

如果您只想禁用自动换行，可以使用

空白：nowrap

请注意，可能还有其他特定于您网站的更改，但这些更改应该会让您开始。希望有帮助

只需使用CSS为您的

标签指定一个固定宽度：

body{
    width: 800px;
    min-width: 800px; //make sure it doesn't shrink
}

只需使用CSS为您的

标记指定一个固定宽度：

body{
    width: 800px;
    min-width: 800px; //make sure it doesn't shrink
}

---

您可以使用

%

或使用

%

进行样式设置，但不能在

px

中使用，因为

20px

中可以使用7%或根据大小进行替换

或者我们可以使用媒体查询

@media screen and (min-width: 480px) {
    body {
        //styling
    }
}

---

您可以使用

%

或使用

%

进行样式设置，但不能在

px

中使用，因为

20px

中可以使用7%或根据大小进行替换

或者我们可以使用媒体查询

@media screen and (min-width: 480px) {
    body {
        //styling
    }
}

---

通常，现在人们都想要这个网站……）但是，使用固定的布局：通常，人们现在想要的是oposite…）不过，使用固定布局：非常感谢你的朋友。这就是我想要的：谢谢你，朋友。这就是我想要的：D