基本的移动开发设计答案

【问题标题】：Basic mobile development design基本的移动开发设计
【发布时间】：2014-08-13 05:22:49
【问题描述】：

我对手机/智能手机/iphone/iPad 的开发完全陌生，我想知道我应该应用哪些设计原则。

经过一些研究，我知道您可以设置 Meta Viewport 属性，或使用 CSS 媒体查询，或两者兼而有之。

我正在构建的网站是一个单页网站，需要完美的降级和响应式设计。

【问题讨论】：

【解决方案1】：

我目前认为最好的移动设计框架是 HTML5 Boilerplate http://html5boilerplate.com/mobile

HTML5 Mobile Boilerplate 与标准 HTML5 Boilerplate 相比降级得很好

还有一个更简单的 1140 网格系统，如果您对这里的样板文件不满意，它会降级； http://cssgrid.net/

【讨论】：

【解决方案2】：

我认为响应式设计是使用 CSS 媒体查询的方式。有一些样板和框架可以帮助使这些变得更容易。 Twitter 的 Bootstrap 和 Skeleton 框架是我喜欢的：

【讨论】：