jquery – 调整大小窗口时自动调整大小文本(字体大小)？

我一直在尝试(徒然)建立一个页面,其元素将调整大小,因为我更改窗口大小.我在css的图像工作,没有问题,但我似乎不能完成相同的文本,我不知道这是甚至可能在CSS.我似乎找不到一个完成这个的 jquery脚本.

当用户调整窗口大小时,我本质上希望页面动态和流畅地扩展,而不需要用户调用页面缩放.这可以通过css在我的img div上正常工作,但不适用于保持相同大小的文本.

有任何想法吗？

解决方法

我自己不得不这样做我所做的是我为身体设置一个基本文本大小,所有其他尺寸的百分比.然后我使用一个简单的jQuery脚本来更改窗口大小上的基本大小.其他尺寸也随之更新.

我用这样的东西：

$(function() {
    $(window).bind('resize',function()
    {
        resizeMe();
        }).trigger('resize');
    });

在resizeMe函数中,我有这个：

//Standard height,for which the body font size is correct
var preferredHeight = 768;
//Base font size for the page
var fontsize = 18;

var displayHeight = $(window).height();
var percentage = displayHeight / preferredHeight;
var newFontSize = Math.floor(fontsize * percentage) - 1;
$("body").css("font-size",newFontSize);

原文地址：https://www.jb51.cc/jquery/179875.html