javascript - jQuery 当缩放改变 css 函数

Question

我使用 top: x 将项目与屏幕中心对齐。

示例:

div {
   top: 50%;
}

我想要一个脚本，当屏幕尺寸缩小时，将 top: 50% 的大小调整一定的百分比，例如 0.2。

示例:

如果屏幕尺寸为 1920 x 1080 top: 50%;如果缩放或更换较小的设备且屏幕尺寸为 320 x 480 top: 45%;

每当屏幕变小到 1920 x 1080 时，顶部都会得到一个 - 0.01% 的值

更新

我使用 fittext.js，现在它可以在任何屏幕分辨率的所有设备上正常工作。这是一个非常有用的插件。

Answer 1

如果你想做一个js解决方案

你必须做一些与此相关的事情

$(window).resize(function() {
   $('#content').css("top", $(window).width() + somevar ); 
   //plus or minus something according to your requirments
});

$(window).trigger('resize');