我正在寻找一个响应迅速,大(超过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' ] };