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"});
}
});

jQuery fire基于font-size在EM窗口宽度上调整大小：100％

1 个答案: