0

我搞砸了响应式设计，如果你把浏览器最小化，你会看到所有的图形都搞砸了。如果浏览器在 css 中的尺寸较小，有没有办法修复图形以保持它们应该在的位置。http://www.magnixsolutions.com/dev/test/test.html

4

2 回答 2

1

看起来您正在使用 Bootstrap，它具有响应式设计的工具。最主要的是您要确保使用.row类和spanx列类。有关更多详细信息，请参阅如何使用 Twitter Bootstrap 创建响应式网站设计。

默认网格为 12 列。所以你连续的跨度应该等于十二。您的 HTML 应如下所示：

<div class="container">
     <div class="row">
          <div class="span8 image">
          </div>
          <div class="span4 containerForm">
          ...insert form here...
          </div>
     </div>
</div>

正确设置标记后，转到 CSS 并开始添加@media 查询，正如@watson 在他的回答中提到的那样。不过要小心。Bootsrap 有很多默认的 CSS 集。您可能必须覆盖才能获得所需的结果。

于 2013-02-13T22:53:15.333 回答
0

您需要使用媒体查询它们太棒了！

于 2013-02-13T22:41:13.573 回答