是否可以检测浏览器窗口的宽度并在页面上隐藏小于 1024 的元素?
也许在 JQuery 中? :-)
最佳答案
您可以使用 CSS media query 来完成此操作.
@media (max-width: 1024px) {
#someElement { display:none; }
}
一些较旧的浏览器不支持媒体查询,因此您也可以使用 jQuery 来完成此操作。此示例将在窗口调整大小时显示/隐藏元素
<div id="someElement">SOME ELEMENT</div>
<script>
$(function() {
$(window).bind("resize", function() {
$('#someElement').toggle($(this).width() >= 1024);
}).trigger("resize");
});
</script>
关于javascript - 获取浏览器宽度并根据大小隐藏元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2160659/