1. 首頁
  2. 問答
  3. HTML5響應式設計

HTML5響應式設計

2013-07-17 203 views
2

我是一隻新蜜蜂響應式設計。我的客戶要求我實施自適應設計，以兼容多屏幕支持和多設備支持。HTML5響應式設計

我有自適應設計有些疑惑：

  • 做支持HTML5的支持響應式設計所有的瀏覽器？
  • 創建響應式設計是否需要比傳統設計花費更多時間？
  • 我需要不同的css文件來實現響應式設計嗎？

請指點。

謝謝。

來源

2013-07-17 Naju

+0

不，所有瀏覽器都不支持HTML5響應式設計，不需要不同的CSS。您只能在一個CSS中實現響應式結構。 –

+0

誰告訴所有瀏覽器都不支持HTML5響應式設計......所有主要瀏覽器都支持媒體查詢 –

+3

響應式設計不是HTML5的一部分！ –

回答

1

都支持HTML5自適應設計，所有的瀏覽器started..yes？

ans：絕大多數WEBKIT瀏覽器都支持響應式設計。除了webkit還支持響應式。

與傳統設計相比，這需要更多時間嗎？ ans：雅如果你是第一次設計，它將需要更多的時間。

我是否需要不同的css文件來實現響應式設計？ ans：如果您在沒有響應框架的情況下製作響應式網站，您必須編寫不同的CSS。

我建議使用響應式框架，它會節省您的大量時間。

Twitter的引導http://twitter.github.io/bootstrap/，樣板http://html5boilerplate.com/和基礎http://foundation.zurb.com/這是很好的框架，響應

來源

2013-07-17 06:58:22 Umesh

+1

大多數現代網絡瀏覽器都支持媒體查詢。它們是響應式設計所必需的。 Internet Explorer 8是個例外，它不是超現代的，但是安裝量很大。如果您需要支持IE8，請考慮像Respond.js（https://github.com/scottjehl/Respond）這樣的polyfill。 – Henrik

2

我相信所有現代瀏覽器支持HTML5的大部分功能。但是你爲響應式設計所做的大部分工作都是在CSS中完成的。所以這是一個瀏覽器是否支持你使用的CSS標準的問題。諸如caniuse.com之類的站點對瀏覽器兼容性會非常有幫助。

如果您不熟悉響應式佈局，您會發現諸如Twitter Bootstrap或Zurb Foundations之類的內容非常有幫助。它們不僅被設計爲具有響應能力，而且通常非常容易學習，並且包含了許多其他有助於創建網站的內容。

Twitter Bootstrap比Foundations更常用。基礎很好，因爲CSS是使用SASS構建的。所以你可以在CSS中使用變量等。使開發更有效率。 Bootstrap基於LESS的CSS。

來源

2013-07-17 06:58:37 EnigmaRM

+0

當然，如果您關心正確的HTML元素語義，那麼我不推薦使用濫用元素的Twitter Bootstrap。 –

相關問題

 相關問題