开发者

Current best methods for targeting multiple screen sizes

I'm looking for some articles on creating a website for multiple screen sizes - e.g. desktop, iPad, iPhone, other mobile device. With this area moving so fast, it's hard to know if what I've been reading is several "best practices" behind or not. Ca开发者_Go百科n anyone point me in the right direction?


I have found these three articles to be an excellent resource for building responsive, fluid, multi-device websites:

A-List Apart article on Fluid Grids:
http://www.alistapart.com/articles/fluidgrids/

Smashing Magazine article on Responsive web Design (references A-List Apart's article on same subject):
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

And, Smashing Magazine's 'How to use Media Queries':
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/


Check out W3C's Mobile Web documentation.


This is my favorite article on the this sort of thing.

From A List Apart: http://www.alistapart.com/articles/responsive-web-design/


Check out CSS3 Media queries; http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜