我有多年的 html/css 经验,最近才开始深入研究响应式世界。我买了一本书,读了很多教程,但有些事情困扰着我。我什至还没有找到一个不使用 margin: 0 auto 作为网站基本容器(使网站居中)的示例。例如,他们都使用:
width: 90%;
margin: 2% auto;
我想做的是制作一个不以主容器为中心的网站,而是将其向左对齐。然后,出于某种原因,当我使用 96%(甚至 100%)的宽度和百分之几的边距时,它不会像通常那样延伸到右端,所以总是有更大的边距视口(viewport)的右侧。
我是否在监督一些非常合乎逻辑的事情?
干杯!
最佳答案
我也不确定这是否是您问题的答案,但也许您可以发布一个测试用例?
如果问题是移动设备(例如 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
关于html - 不居中的响应式网页设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9478950/