HTML – 没有集中的响应式网页设计

概述我有多年的html / css经验,而且我最近才开始挖掘响应的世界.我买了一本书,阅读了很多教程,但有些东西让我烦恼.我还没有找到一个不使用margin的示例：0 auto用于网站的基本容器(以网站为中心).例如,他们都使用： width: 90%;margin: 2% auto; 我要做的是创建一个不以主容器为中心的网站,只是将其与左侧对齐.然后,出于某种原因,当我使用96％(或甚至100％) 我有多年的HTML / CSS经验,而且我最近才开始挖掘响应的世界.我买了一本书,阅读了很多教程,但有些东西让我烦恼.我还没有找到一个不使用margin的示例：0 auto用于网站的基本容器(以网站为中心).例如,他们都使用：

wIDth: 90%;margin: 2% auto;

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

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

干杯!

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

如果它是移动设备(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

总结

以上是内存溢出为你收集整理的HTML – 没有集中的响应式网页设计全部内容，希望文章能够帮你解决HTML – 没有集中的响应式网页设计所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。