Javascript 当屏幕太小时,右引导下拉菜单

Javascript 当屏幕太小时,右引导下拉菜单,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我有一个下拉菜单和使用 类=下拉菜单 下拉菜单使用了右侧站点上的额外空间。如果我缩小屏幕(或使用移动设备),可能在正确的站点上没有任何空间。在这种情况下,我可以使用 类=右下拉菜单 它将使用左侧站点上的空间。 我的问题是,是否有一种方法可以检测屏幕的大小,并基于此使用上述两个选项之一呈现html模板? 谢谢 卡尔仅使用媒体查询css的解决方案 注意:全屏运行代码,并尝试缩小屏幕 @介质(最小宽度:768px){ .一{ 宽度:30px; 高度:30px; 背景颜色:红色 } } @介质(最大宽

我有一个下拉菜单和使用

类=下拉菜单

下拉菜单使用了右侧站点上的额外空间。如果我缩小屏幕(或使用移动设备),可能在正确的站点上没有任何空间。在这种情况下,我可以使用

类=右下拉菜单

它将使用左侧站点上的空间。 我的问题是,是否有一种方法可以检测屏幕的大小,并基于此使用上述两个选项之一呈现html模板? 谢谢
卡尔

仅使用媒体查询css的解决方案

注意:全屏运行代码,并尝试缩小屏幕

@介质(最小宽度:768px){
.一{
宽度:30px;
高度:30px;
背景颜色:红色
}
}
@介质(最大宽度:768px){
.二{
宽度:30px;
高度:30px;
背景颜色:黄色
}
}

您能显示代码吗?您到目前为止尝试了什么?OP需要根据屏幕宽度更改类别,您将如何使用CSS(媒体查询)来完成?它不会涉及JS/jQuery吗?也可以使用media query和JS Alsof或CSS添加两个不同类的单独下拉列表。在使用jQuery时,您可以只替换类。是的,这是正确的,但不是使用两个单独的下拉列表,而是使用一个下拉列表并在其中应用两个类,如给定示例所示。请看我的第一个片段,它可能会对op:D有所帮助