如果用户屏幕为< 1024px,因为它将覆盖我的博客内容区域.我发现这个jQuery在网上,但我不知道如何使用它.
$(document).ready(function() { if ((screen.width>1024)) { // if screen size is 1025px wide or larger $(".yourClass").css('display','none'); // you can also use $(".yourClass").hide(); } elseif ((screen.width<=1024)) { // if screen size width is less than 1024px $(".yourClass").css('display','block'); // here you can also use show(); } });
如果我的浮动div类名称是sharecontent,我应该如下替换上述脚本?如果是的话,它不工作.
$(document).ready(function() { if ((screen.width>1024)) { // if screen size is 1025px wide or larger $(".sharecontent").css('display','none'); // you can also use $(".yourClass").hide(); } elseif ((screen.width<=1024)) { // if screen size width is less than 1024px $(".sharecontent").css('display','block'); // here you can also use show(); } });
我也尝试用window.width替换screen.width,但仍然没有成功:(
解决方法
使用
media queries.你的CSS代码将是:
@media screen and (max-width: 1024px) { .yourClass { display: none !important; } }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。