jquery - 不同浏览器大小的不同 CSS

标签 jquery css resize window

我有一个关于依赖于窗口的 CSS 的问题。这是一个非常常见的问题,但不知何故,它对我和 Wordpress 不起作用。无论如何,目前我正在使用 Nettuts 建议的脚本。我只想在用户调整窗口大小时针对不同的 CSS 样式。我知道我需要为此使用 $(window).width 。我现在拥有的是:

function checkWindowSize() {

    if ( $(window).width() < 800 ) {
        $('body').addClass('small');
    }
    else {
        $('body').removeClass('small');
    }

}

$(window).resize(checkWindowSize);

它当然可以胜任。但是.. 有一个小故障。当我调整窗口大小时,它确实针对另一个 css 样式。但是当我将窗口设置为小于 800 时,按 F5(刷新),我需要在 objective-c ss 发生之前手动调整窗口大小(1 像素)。它不会自动定位它,只是在我稍微调整屏幕大小时。我调整了脚本的位置,比如将新 CSS 放在实际 CSS 之前,但效果不佳。

有什么想法吗?如果我不够清楚,请告诉我:)

最佳答案

您是否考虑过使用媒体查询?

http://www.alistapart.com/articles/responsive-web-design/

关于jquery - 不同浏览器大小的不同 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7784255/

相关文章:

javascript - 使用 jQuery 将 XML 加载到 JS 变量中,无需 JS 警报

jQuery e.target 冒泡最佳实践?

javascript - 为什么 Bootstrap-3 Modal 不工作?

jquery - 用 PNG 替换 slider 拇指?

javascript - 如何在 jQuery Mobile 中正确分隔页面?

javascript - 使用 javascript 调整动态生成的字符串的大小?

javascript - Cytoscape.js:计算当前缩放级别的图形尺寸?

jquery - 只允许数字、小数、负数

html - 让 OSX Safari 支持 css "white-space: pre"

java - 如何限制 JButton 因重新验证而更改其尺寸