以下哪一种是使我的页面响应的最佳方式？答案

【问题标题】：Which of these the best way to make my page responsive?以下哪一种是使我的页面响应的最佳方式？
【发布时间】：2014-05-05 22:37:35
【问题描述】：

我设计了 3 个版本的网页 - 桌面版、平板电脑和移动版。

内容相同，但布局不同。

哪种方法最好将页面转换为响应式 html：

a) 单独的 html 文件

b) 单独的 CSS 文件

c) 单个 CSS 文件

您可以在此处查看 3 个版本的 jpeg：

Desktop: 
shrineweb.in/other-files/clients/showyourskills/test/Home.jpg
Tablet: 
shrineweb.in/other-files/clients/showyourskills/test/Home-tablet.jpg
Mobile: 
shrineweb.in/other-files/clients/showyourskills/test/Home-mobile.jpg

我该怎么做？

注意：移动版的导航（右上角）与平板电脑和桌面版不同。

【问题讨论】：

只能使用 CSS 来操作菜单。不需要不同的 HTML。例如，请参阅bootstrap navigation example。

标签： html css responsive-design

【解决方案1】：

最好的方法是使用单独的 css 文件和媒体查询。但是有现成的解决方案可用，因此使用它们比从头开始发明轮子更方便。您可以使用 Twitter Bootstrap 或 Foundation 进行响应式网页设计。

【讨论】：

【解决方案2】：

单独的 CSS 文件会更清晰、更容易。

也许您可以click here 阅读有关响应式设计以及如何开始为每个响应式布局编写不同 CSS 媒体查询的更多信息。

【讨论】：

【解决方案3】：

您可以使用单个 css 文件并使用 mediaquery 和 bootstrap 添加不同版本的布局...

【讨论】：