html - 不居中的响应式网页设计

Question

我有多年的 html/css 经验，最近才开始深入研究响应式世界。我买了一本书，读了很多教程，但有些事情困扰着我。我什至还没有找到一个不使用 margin: 0 auto 作为网站基本容器(使网站居中)的示例。例如，他们都使用:

width: 90%;
margin: 2% auto;

我想做的是制作一个不以主容器为中心的网站，而是将其向左对齐。然后，出于某种原因，当我使用 96%(甚至 100%)的宽度和百分之几的边距时，它不会像通常那样延伸到右端，所以总是有更大的边距视口(viewport)的右侧。

我是否在监督一些非常合乎逻辑的事情？

干杯!

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