全宽响应网格布局

任何人都可以向我解释这个页面的功能吗？全宽响应网格布局

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

全宽响应网格布局

回答

相关问题