0

现在，我有一个来自我以前同事的网站。我遇到了一些关于调整浏览器窗口大小的问题。换句话说，我希望我的网站在我调整窗口大小时能够很好地调整大小，而不是让按钮、div 和所有其他内容重叠并发疯。

这是我的网站。

http://50.62.140.177/foxcode/index.html

我想做的是类似于这个说http://antobbo.webspace.virginmedia.com/photography/home.htm，你让窗口更小，一切都可以调整大小。

这与使用百分比的高度/宽度/填充/边距有关吗？我真的不知道从哪里开始，所以任何提示或相关资源的链接都会很棒。

4

4 回答 4

0

我可以使用 chrome 来检查。在 chrome 中打开您的网站，然后单击 F12 进行调试。知道在左下方您有眼镜单击它，然后单击要更改大小的位置，在右侧您可以更改它并查看您的网络源上的附加更改..

于 2013-06-07T13:25:47.900 回答
0

就像其他人说的那样，最小高度和最小宽度。

我还建议您对全屏背景图像使用不同的技术。调整大小时似乎搞砸了。

尝试使用这个；

html{
  background: url(images/bg.jpg) no-repeat center center fixed;  
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover;  
}

这是全屏背景的最佳做法。来自 CSS 技巧的更多信息。

于 2013-06-07T13:35:43.380 回答
0

只需添加 min-width: 768px; 到两个绿色div。简单快捷

于 2013-06-07T13:28:28.657 回答
0

这就像设置html, bodytoauto并添加 a min-widthof一样简单960px

所以像：

在您的标题中，您输入：

<meta name="viewport" content="width=device-width">

在你的css中你做：

html {
   width: auto !important;
   min-width: 960px; // this depends on the width of your website, the example you provided is 960px
   /*rest of code*/
}

在此处查看所有min-width选项

希望就是这样。

于 2013-06-07T13:24:53.297 回答