将HTML页面设计转换为响应式

时间:2015-01-08 10:53:17

标签: html css

我想将我的网站转换为响应式网站。我已将以下行添加到我的HTML代码中,但它无法正常工作。

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1″ />

是否有可以转换为自适应网站的在线工具?

4 个答案:

答案 0 :(得分:3)

响应有点不止于此!

  

是否有可以转换为自适应网站的在线工具?

不,您必须将您的网站设计为具有响应能力,而不是转换


一种简单的方法是bootstrap

您可以在此处获得免费的起始模板:initializr

并阅读:

答案 1 :(得分:0)

您使用的是错误的引号。变化:

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1″ />

要:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />

答案 2 :(得分:0)

除非它的所有百分比大小都不会有太大帮助,否则你需要大量的媒体查询才能使它适合所有屏幕/设备等。

答案 3 :(得分:0)

它不仅仅基于视口。你必须通过每个容器,以确保他们使用响应式样式,我认为他们不是在那一刻。

我建议查看下面的链接,它对样式有一些很好的建议,可以帮助你做出响应。

Some great CSS advice for responsive sites