Javascript 如何在768px打开A选项卡?

Javascript 如何在768px打开A选项卡?,javascript,jquery,css,Javascript,Jquery,Css,我首先道歉,我的英语不是很好,但我会尽量描述我的问题 我正在实施RWD效果,就是这样! 当屏幕低于768px时,我想在演示块周围加一个A标记,使整个块可点击,但当屏幕分辨率高于768px时,我想添加一个A标记来覆盖演示块 我尝试过使用display:在最初的a标记中没有 .demo{ 背景色:#ccc; 填充:20px; } a{ 文字装饰:无; 颜色:#222; } .链接{ 显示:无; } @介质(最大宽度:768px){ .链接{ 显示:块; } } 这只是一种解决办法 不要使用显

我首先道歉,我的英语不是很好,但我会尽量描述我的问题

我正在实施RWD效果,就是这样! 当屏幕低于768px时,我想在演示块周围加一个A标记,使整个块可点击,但当屏幕分辨率高于768px时,我想添加一个A标记来覆盖演示块

我尝试过使用display:在最初的a标记中没有

.demo{
背景色:#ccc;
填充:20px;
}
a{
文字装饰:无;
颜色:#222;
}
.链接{
显示:无;
}
@介质(最大宽度:768px){
.链接{
显示:块;
}
}



这只是一种解决办法

不要使用
显示:无
改为写:

。。。
.链接{
显示:块;
游标:默认值;
}
@介质(最大宽度:768px){
.链接{
光标:指针;
}
}
这将使鼠标光标在桌面上显示正常,在移动设备上显示可单击。 实际上,你仍然可以点击,但99%以上的访问者不会意识到或试图查看


请参阅:

谢谢,我没想到会使用这种方法!非常感谢你!不客气