gpt4 book ai didi

jquery - 响应式设计 : how to modify css grid sizes at different screen resolutions?

转载 作者:太空宇宙 更新时间:2023-11-04 15:41:06 26 4
gpt4 key购买 nike

目前我正在使用类似这样的方法在浏览器达到特定宽度(断点)时修改网格大小,例如:

var width = jQuery(window).width();

if (width <= 480) {

// Resize from grid_10 to grid_16 (Home, Featured, News)
jQuery('.featured, .featured-page, .news-page, #footer-pagination').removeClass('grid_10').addClass('grid_16');
}

是否有更好的方法来实现这一点?我遇到的问题之一是页面最初加载后出现轻微的“故障”,因为我可以看到网格从 grid_10 调整到 grid_16?理想情况下,我想消除这种问题。

最佳答案

App.net 的人几天前发布了一个有趣的解决方案,他们为不同的断点定义了不同的网格单元类,并使用媒体查询在它们之间切换:https://gist.github.com/3362608

关于jquery - 响应式设计 : how to modify css grid sizes at different screen resolutions?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12122525/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com