CSS诺布在这里...根据屏幕尺寸切换CSS类
我正在寻找一个响应式框架和想象我将如何完成不同的任务。
根据屏幕的大小,他们纷纷加入到body标签类,如:
.PhoneVisible,.DesktopVisible等..
他们也有类,可以链接到按钮:
.btn,小按钮,MED-按钮,大按钮
我对你将如何去改变你的CSS不解。 I.E.例如:
<a href="#" class="MyButtonOptions">XXXX</>
.PhoneVisible .MyButtonOptions { btn small-button }
.TabletVisible .MyButtonOptions { btn med-button }
.DesktopVisible .MyButtonOptions { btn large-button }
您是否必须单独设置不同的选项?
即.PhoneVisible .MyButtonOptions {height:30px; } ???
所有建议表示赞赏!
有CSS的框架,这是CSS和JavaScript的混合来实现它,我使用Twitter Bootstrap,但还有更多。只是谷歌它。 – VsMaX
为什么不只是使用媒体查询? – Prisoner
看看这个问题:http://stackoverflow.com/questions/13015719/optional-javascript-execution-based-on-media-queries – frenchie