我正在寻找一个响应迅速,大(超过1000像素)的CSS框架,以及我可以在哪里做的事情：
大型设计：
正常设计：
移动设计：
有什么建议 ？我已经尝试过960.gs,Titan framework,1140 css grid和Golden Grid System,但我不确定我能做任何我想做的事.
解决方法
您希望通过检测屏幕大小来提供不同的CSS.
使用Adapt.js你可以做这样的事情：
- // Edit to suit your needs.
- var ADAPT_CONFIG = {
- // Where is your CSS?
- path: 'assets/css/',// false = Only run once,when page first loads.
- // true = Change on window resize and page tilt.
- dynamic: true,// Optional callback... myCallback(i,width)
- callback: myCallback,// First range entry is the minimum.
- // Last range entry is the maximum.
- // Separate ranges by "to" keyword.
- range: [
- '0px to 760px = mobile.css','760px to 980px = 720.css','980px to 1280px = 960.css','1280px to 1600px = 1200.css','1600px to 1920px = 1560.css','1940px to 2540px = 1920.css','2540px = 2520.css'
- ]
- };
