不以响应式网页设计为中心

Question

我已经有很多年的HTML/CSS经验，我最近才开始在响应式世界中挖掘。我买了一本书，阅读了很多教程，但有些东西让我烦恼。我还没有找到一个不使用保证金的例子：0 auto用于网站的基本容器（将网站居中）。他们，例如，所有使用：

width: 90%; 
margin: 2% auto; 

我想要做的是使一个网站，没有中心的主容器，但只是将其对齐到左边。然后，出于某种原因，当我使用96％（甚至100％）的宽度和几个百分比的边距时，它不会像往常一样伸展到右端，所以总会有更大的边距视口的右侧。

我在监督一件非常合乎逻辑的事情吗？

干杯！

Answer 1

我不确定这是否是您的问题的答案，但也许您可以发布测试用例？

如果它是一个移动设备（iPhone前）这是作为开溜，你可以添加以下代码片段：

<meta name="viewport" content="width=device-width; initial-scale=1.0"> 

另外，我建议你使用100％的宽度，然后加入一些填充从2％到6％（取决于你关注的宽度）。

下面是响应式设计（和一个不错的演示）相当有用的链接：http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries