0


（来源：ctrlv.in）

当我将浏览器的宽度减小到小于约 700 像素时，我在响应式设计网站中遇到了这个问题。

我添加了margin-left: auto; margin-right: auto;，但输出保持不变。如果我放左：50％，它可能会显示一些奇怪的位置，因为我的标题是postion:fixed（尽管我没有在其他任何地方提到它的顶部/左侧/右侧/底部）。

徽标“ivetrolls”从页面中心开始......因此图像的中心没有居中。页面 （来源：ctrlv.in）

任何帮助将不胜感激。非常感谢

4

4 回答 4

1

您需要将（第 663 行）的display属性更改为. 我在我的 Chrome 网络检查器中摆弄了一下，让它以这种方式工作。将其设置为也无妨。#topdiv1display: blockfloatfloat: none

于 2013-03-01T07:46:15.117 回答
1

只需删除此样式

#header {
    text-align: center;
}

在仅媒体屏幕宽度 767 中放置内联行号 428

于 2013-03-01T07:52:49.830 回答
1

尝试这样的事情：

<style>
.container {
  margin-left: auto;
  margin-right: auto;

  /* To see the affect of the above; not part of centering implementation. */
  background-color: #aaa;
  width: 200px;
}
</style>
<div class="container">
  Hello, world!
</div>
于 2013-03-01T07:54:17.687 回答
1

取出div.#topdiv3并float: left添加margin-left: auto; margin-right: auto。然后移到div.#topdiv3外面div.#outter-wrapper

在此处输入图像描述

于 2013-03-01T07:54:42.740 回答