WEB前端开发框架12布局框架(377KB).pptVIP

前端布局框架 分类 静态布局 响应式布局 静态布局 960 GS http://960.gs/ Baseline / Blueprint / 1KB CSS Grid http://1/ 960 GS 960这里是网页的横向尺寸，960px，为什么是960这个数字，而不是1000或者900？960可以分解为2的6次方乘以3和5, 这使得960可以分割成以下宽度的整数倍： 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480 目前绝大多数显示器都支持 1024 x 768 及其以上分辨率。为了有效的利用屏幕宽度同时保证栅格的灵活度，可以看出960是非常合适的。这样，在目前主流显示器下，960就成为网页栅格系统中的最佳宽度了。 响应式布局 Less Framework / foundation / Golden Grid System / SimpleGrid / 响应式布局 每个网站都希望能够做到适应每种终端，而最完美的情况呐，就是为笔记本、iPhone、iPad、黑莓、Kindle...各自打造一款。但是说不定哪天又出来iwatch能够浏览网页。又得开发一个新版本，这种永无止境的开发，让未婚程序员哪