jquery - jQuery 根据字体大小调整 EM 中窗口宽度的大小：100%

Question

我已经看得很远了，无法弄清楚这一点。我有几个元素需要根据标题的高度进行调整，并且使用 CSS 进行调整是一件很痛苦的事情，因为标题发生了变化，所以我需要一些不会隐藏目标内容的东西，当标题是粘性的并且标题只粘在最小宽度 62em。如果我将“62em”更改为“992”，它可以在我的 1 像素设备（我的桌面）上正常工作，但我需要调整大小才能在 62em 上触发。

var headerheight =  $(".header").height();
var windowwidth =  '62em';

$(window).on('resize load', function() {

if ($(window).width() >= windowwidth) {

   $('.bat-content .target').css({"padding-top": headerheight + "px", "margin-top": - headerheight + "px"});
}
});

基于第一个答案，这是错误的，但对我有很大帮助，这似乎可以解决问题：

var headerheight =  $(".header").height();
var windowwidth =  '992';
var ems = windowwidth / parseFloat($("html").css("font-size"))

$(window).on('resize load', function() {

if ($(window).width() >= ems) {

   $('.bat-content .target').css({"padding-top": headerheight + "px", "margin-top": - headerheight + "px"});
}
});

Answer 1

var headerheight =  $(".header").height();
var windowwidth =  '992';
var ems = windowwidth / parseFloat($("body").css("font-size"))

$(window).on('resize load', function() {

if ($(window).width() > ems) {

   $('.bat-content .target').css({"padding-top": headerheight + "px", "margin-top": - headerheight + "px"});
}
});