全寬響應網格佈局

任何人都可以向我解釋這個頁面的功能嗎？全寬響應網格佈局

http://wexley-demo.squarespace.com/

我看到有的JavaScript，但不明白它。

也是這是最簡單的方法來實現這種效果？ - 縮放，重新對齊任何寬度的完美網格佈局的內容。

謝謝。

2014-02-11 user614490

我的建議是學習所有關於響應式設計的知識，然後研究移動優先與桌面優先方法，然後您需要考慮適應與響應，如果您選擇響應，那麼您需要考慮響應優化。除了需要考慮流體與靜態佈局之外，還有觸摸與非觸摸。需要了解哪些媒體查詢在CSS中，找出媒體查詢不起作用的策略。考慮你發送到不同客戶端環境的資產類型以及你如何去做。

最好的辦法是，如果您需要專業，正確和正確地完成這項工作，請聘請一位知道如何做到這一切的開發人員。

來源

2014-02-11 05:09:54 alexK85

您可以同時使用媒體查詢和jQuery移動設計您的應用程序。

jQuery mobile是用於設計（響應式設計）和媒體查詢以應用樣式。

來源

2014-02-11 05:32:43

我可以建議的媒體查詢是響應式設計的最佳解決方案。

讓我給你responsivenes一個簡單的代碼基於頁面寬度

<html> 
<head> 
<style> 
@media (max-width: 600px) { 
    #p1{ 
    color:red; 
    } 
} 
@media (max-width: 400px) { 
    #p1{ 
    color:blue; 
    } 
} 
</style> 

</head> 
<body> 
<p id="p1" media="(max-width: 800px)">Hi , This text colour change according to browser size.</p> 

</body> 
</html>

你可以找到更多的教程簡單here

上

來源

2014-02-11 06:31:03

全寬響應網格佈局

回答

相關問題