基本的移动开发设计

时间:2012-05-08 16:26:01

标签: html css mobile media-queries responsive-design

我非常擅长开发手机/智能手机/ iphone / iPad,并且想知道我应该采用哪些设计原则。

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

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

2 个答案:

答案 0 :(得分:1)

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

HTML5 Mobile Boilerplate从标准的HTML5 Boilerplate

降级得很好

还有一个更简单的1140网格系统,如果你不熟悉Boilerplate,它会降级; http://cssgrid.net/

答案 1 :(得分:0)

我认为响应式设计是使用CSS Media Queries的方法。有一些样板和框架可以帮助您轻松实现这些目标。 Twitter的Bootstrap和Skeleton框架是我喜欢的:

http://twitter.github.com/bootstrap/

http://getskeleton.com/