不集中的响应式网页设计

时间:2012-02-28 08:57:35

标签: html css responsive-design

我有多年的html / css经验,而且我最近才开始在敏感的世界中挖掘。我买了一本书,阅读了很多教程,但有些东西让我烦恼。我还没有找到一个不使用margin的示例:0 auto用于网站的基本容器(以网站为中心)。例如,他们都使用:

width: 90%;
margin: 2% auto;

我要做的是创建一个不以主容器为中心的网站,只是将其对齐到左侧。然后,出于某种原因,当我使用96%(或甚至100%)的宽度和几个百分点的边距时,它不像通常那样伸展到右端,所以总是有更大的余量。视口的右侧。

我在监督一些非常符合逻辑的事情吗?

干杯!

1 个答案:

答案 0 :(得分:1)

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

如果它是移动设备(iPhone ex。),那么请尝试添加此代码段:

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

另外,我建议您使用100%的宽度,然后添加2%到6%的填充(取决于您关注的宽度)。

这是响应式设计的一个非常有用的链接(和一个很好的演示):http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries