全寬，響應式網格布局
[英]Full-width, responsive, grid layout
問題描述
誰能向我解釋此頁面的功能？
http://wexley-demo.squarespace.com/
我看到有JavaScript，但不了解。
這也是達到這種效果的最簡單方法嗎？ –縮放，重新排列以任何寬度保持完美網格布局的內容。
謝謝。
3 個解決方案
解決方案1
1 2014-02-11 05:32:43
您可以使用Media查詢和jQuery mobile來設計應用程序。
jQuery mobile用於設計（響應式設計），並用於應用樣式的媒體查詢。
解決方案2
0 2014-02-11 05:09:54
我的建議是學習所有有關響應式設計的知識，然后研究Mobile First與Desktop First的方法，然后您需要考慮自適應與響應式，如果選擇響應式，則需要考慮響應式Plus。 首先，您需要考慮流暢布局與靜態布局，以及觸摸與非觸摸。 需要了解CSS中的媒體查詢，找出無法使用媒體查詢的策略。 考慮要發送到不同客戶端環境的資產類型以及如何執行。
最好的選擇是，如果您需要專業，正確和正確地完成此工作，請雇用一個已經知道如何完成所有這些工作的開發人員。
解決方案3
0 2014-02-11 06:31:03
我可以建議的媒體查詢是響應式設計的最佳解決方案。
讓我給你一個簡單的基於頁面寬度的響應代碼
<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>
您可以在這里找到更多教程
響應式全寬 Wordpress 帖子圖片
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.