我设计了三个版本的网页 - 桌面，平板电脑和移动设备。
内容相同但布局不同。
哪种方法最好将页面转换为响应式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
我该怎么做？
注意：移动版的导航（右上角）与平板电脑和桌面版不同。
答案 0 :(得分：0)
单独的CSS文件会更清晰，更容易。
也许您可以click here阅读有关响应式设计的更多信息，以及如何开始为每个响应式布局编写不同的CSS媒体查询。
答案 1 :(得分：0)
最好的方法是使用单独的css文件和媒体查询。但是有现成的解决方案可供使用，因此使用它们更方便，而不是从头开始发明轮子。您可以使用Twitter Bootstrap或Foundation进行响应式网页设计。
答案 2 :(得分：0)
您可以使用单个css文件，并使用mediaquery和bootstrap为不同版本添加布局......