使我的HTML代码响应

时间:2013-12-10 09:21:33

标签: html css responsive-design

我正在寻找一个工具,我可以使用它创建响应的html页面。是否有任何工具可以粘贴页面代码并为我提供响应式变体?我使用谷歌搜索,但现在没有运气找到。如果您知道有什么可以请与我和每个感兴趣的人分享这些信息吗?谢谢!

5 个答案:

答案 0 :(得分:1)

如果你想在没有大量工作的情况下使用Twitter Bootstrap,那么它的使用非常简单,并且有完整的文档和示例。

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

您可以将媒体查询用于您需要的所有分辨率,但如果您希望网站完全响应,它将为您提供大量工作。

所以最好的选择是试试Twitter Bootsrap,如果您有任何疑问,请寻求帮助。

编辑:这不仅仅是粘贴代码而且你得到了重新设计,你需要使用网格系统,但这很容易!

答案 1 :(得分:0)

您可以使用bootstrap,它已准备就绪

答案 2 :(得分:0)

您可以尝试使用Restive Plugin。它不会使您的HTML代码自动响应[即你必须安装和配置它,但它使你能够很容易地添加这些响应功能。也请查看此博客文章:http://blog.restive.io/posts/5852603/getting-started-with-restive-plugin

完全披露:我开发了插件

答案 3 :(得分:-1)

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

如果要查看响应式网格,可以查看Bootstraps响应式代码。 http://getbootstrap.com/

答案 4 :(得分:-1)

您是否尝试过针对自适应网页的Google搜索?那里有一些很好的教程。

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

Here are some good tools to help you create a responsive page