CSS/HTML/JS:构建移动布局网站时需要注意的事项



我正在建立一个网站,需要有不同的移动布局取决于设备的屏幕大小,但我不想要为每个设备设计全新的布局。所以我想知道是否有一些事情我需要注意,不能很好地转换为移动布局?或者如何设置原始版本,使其能够很好地扩展到较小的设备。谢谢大家

阅读媒体查询:

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/

最新更新