使我的 html 代码具有响应性答案

【问题标题】：make my html code responsive使我的 html 代码具有响应性
【发布时间】：2013-12-27 17:33:57
【问题描述】：

我正在寻找一种工具，可以使我创建的 html 页面具有响应性。是否有任何工具可以让我粘贴页面代码并给我一个响应式变体？我使用谷歌搜索，但现在没有运气找到一个。如果您知道任何信息，请与我和所有感兴趣的人分享这些信息？谢谢！

【问题讨论】：

在前往 bootstrap 之前check this link bro bootstrap 拥有您需要的一切。Foundation 可以帮助您学到很多东西.. :) 我的 op Foundation 并检查 CSS3 媒体查询。for your own made :)

【解决方案1】：

您需要在 % 中定义它们，而不是使用 px 中的宽度。根据您提供的信息，这是我能给您的最佳答案。

如果您想查看响应式网格内部，可以查看 Bootstraps 响应式代码。 http://getbootstrap.com/

【讨论】：

【解决方案2】：

您可以使用 bootstrap ，它已准备好响应

【讨论】：

【解决方案3】：

您是否尝试过在响应式网页上进行Google 搜索？那里有一些很好的教程。

据我所知，没有工具可以让您只粘贴代码并将其转换为响应式页面。

【讨论】：

【解决方案4】：

如果您想在不做大量工作的情况下使用Twitter Bootstrap，它使用起来非常简单，并且有一个包含示例的良好文档。

您还可以使用 % 而不是像素来定义 CSS 边距、宽度、高度等，但这并不总是合适的。

您可以对所需的所有分辨率使用媒体查询，但如果您希望网站具有完全响应能力，您需要做很多工作。

所以最好的选择是在 Twitter Bootsrap 上尝试一下，如果您有任何疑问，请寻求帮助。

编辑：这不仅仅是粘贴代码并获得响应式设计，您需要使用网格系统，但这很容易！

【讨论】：

【解决方案5】：

您可以尝试使用Restive Plugin。它不会使您的 HTML 代码自动响应 [即您必须安装和配置它]，但它使您能够非常轻松地添加这些响应式功能。也可以看看这篇博文：http://blog.restive.io/posts/5852603/getting-started-with-restive-plugin

完全披露：我开发了插件

【讨论】：