哪種方法可以讓我的頁面響應？

我設計了3個版本的網頁 - 桌面，平板電腦和手機。哪種方法可以讓我的頁面響應？

內容相同，但佈局不同。

哪種方法是最好的網頁轉換爲響應HTML：

一）單獨的HTML文件

二）獨立的CSS文件

三）單個CSS文件

您可以查看這裏的3個版本的jpegs：

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

我怎麼能做這個？

注意：手機版的導航（右上角）與平板電腦和桌面版不同。

來源

2014-03-27 Grey-lover

僅使用CSS就可以操作菜單。不需要不同的HTML。例如，請參閱[bootstrap導航示例]（http://getbootstrap.com/examples/navbar/）。 – fzzylogic

最好的方法是對媒體查詢使用單獨的css文件。但是現成的解決方案可供使用，因此使用它們更方便，而不是從頭開始發明輪子。您可以使用Twitter Bootstrap或Foundation進行響應式網頁設計。

來源

2014-03-27 06:10:57

單獨的CSS文件會更清晰和更容易。

也許你可以click here瞭解更多關於響應式設計以及如何開始爲每個響應式佈局編寫不同的CSS媒體查詢。

來源

2014-03-27 06:01:39 Rachelle

您可以使用單個css文件，並使用mediaquery和bootstrap爲不同版本添加布局...

來源

2014-03-27 12:12:06 Pranav

哪種方法可以讓我的頁面響應？

回答

相關問題