网站的内容在不同的屏幕上

Question

我在使用脚本，css ant等创建网站方面有点新意，但我认为我已经做得很好......现在我来到了需要让我的网站在不同的屏幕上看起来很好的地方分辨率（监视器）。所以现在我有这样的事情:(由于声誉不足而删除链接）框是我网站的内容，我希望看起来像那样：http://ipix.lt/di/BH2C/stretched.png内容被延伸到浏览器大小和监视器大小的末尾。我应该怎么做才能让我的内容更大一些，或者更低的屏幕显示器？我已经做了100％的宽度，但不知道该怎么做，也许在哪里有一些javascripts？谢谢！抱歉我的英语，想让它更清晰......

EDIT。好的，所以有我的网站http://pingvinasus.tumblr.com/，是的，这是一个我用html编辑的博客......现在我设法让我的每一个百分比内容都是20％，所以它会延伸。但是我不能这样做，因为我在每个帖子之后都有额外的空格，试图编辑css，但找不到正确的边距，尝试改变那里的一切，但看起来它不是事件css ...所以任何想法？

Answer 1

我认为Media queries正是您所寻找的。

这是一个简单的例子

Check this jsfiddle

@media (min-width: 700px) { 
   .color{
       background-color: red;
   }
}

Answer 2

从您的照片中，看起来您设置了边距和填充。将它们设置为0px！重要，就像Slico所说，确保您的媒体查询完好无损。