我正在建立一个网站,需要有不同的移动布局取决于设备的屏幕大小,但我不想要为每个设备设计全新的布局。所以我想知道是否有一些事情我需要注意,不能很好地转换为移动布局?或者如何设置原始版本,使其能够很好地扩展到较小的设备。谢谢大家
阅读媒体查询:
http://www.w3.org/TR/css3-mediaqueries/然后阅读纯CSS的响应式布局:
http://css-tricks.com/6731-css-media-queries/这基本上都是关于样式和有时javascript(如果你想做响应式设计)看看应该为不同的设备加载什么CSS以及如何使用
http://podlipensky.com/post/2011/08/25/What-CSS-file-to-load-for-mobile.aspx http://www.alistapart.com/articles/return-of-the-mobile-stylesheet在这里你可以读到响应式网页设计
http://www.alistapart.com/articles/responsive-web-design/http://thinkvitamin.com/design/beginners-guide-to-responsive-web-design/