Javascript 使用jQuery或css动态更改css字体大小

我有一个跨度，需要在调整窗口大小时更改其字体大小值。我使用jquery代码来实现这一点：

$(window).on('resize', function () {
    y = $(window).height();
    x = $(window).width();

    if (y > 500) {
        $('#testing').css("fontSize", "50px");
    } else if (y < 500) {
        $('#testing').css("fontSize", "10px");
    }

});

---

哪个更有效？是否有一种解决方案更为可接受/普遍？有更好的方法吗？在移动设备上，哪种方式更容易接受？有没有更好的方法在移动设备上执行此操作？

如果您不担心跨浏览器兼容性问题，因为媒体查询是CSS3，它适用于旧浏览器，如IE7、IE8。。。然后我建议您使用CSS而不是javascript

另一方面，除了更好地处理跨浏览器兼容性问题外，如果一项任务无法通过CSS实现，那么您可能还应该使用javascript

---

简而言之，我总是更喜欢CSS而不是Javascript:）

如果您不担心跨浏览器兼容性问题，因为媒体查询是CSS3，它适用于旧浏览器，如IE7、IE8。。。然后我建议您使用CSS而不是javascript

另一方面，除了更好地处理跨浏览器兼容性问题外，如果一项任务无法通过CSS实现，那么您可能还应该使用javascript

---

简而言之，我总是更喜欢CSS而不是Javascript:）

我认为，您必须更喜欢

JQuery

，因为原因是：

是一个
库，它完全支持
大多数
设备
，并且
自动
根据环境需要自行配置它们！您不必考虑浏览器只需放置一行代码就可以了
jquery
。并将您的
风格
应用于
设备
或
浏览器
 在我看来，您必须选择
JQuery
，因为原因是：
是一个
库
，它完全支持大部分
设备
，并且
自动
根据环境需要自行配置它们！您不必考虑浏览器只需放置一行代码就可以了
jquery
。并将您的
风格
应用于
设备
或
浏览器
 哪个更有效？是否有一种解决方案更为可接受/普遍？
从性能上看，CSS要好得多。使用媒体查询将比每次调整大小（调用多次）时处理函数更快。当然，当窗口在一段时间内没有调整大小时，您可以插入一个节流阀并调用它一次，但即使这样，媒体查询也会更快

此外，Javascript窗口宽度可能并不总是与CSS媒体查询相同。滚动条可以改变值，其他因素也可能影响宽度。您必须使用一个函数来检查实际宽度，这会消耗更多的果汁。看起来是这样的：

function viewport() {
        //Get the current view port
        var e = window, a = 'inner';
        if (!('innerWidth' in window )) {
            a = 'client';
            e = document.documentElement || document.body;
        }
        return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
}

mediaqueries的缺点是支持，旧的IE不支持它。但是当然有一些库可以解决这个问题

有更好的方法吗？
事实并非如此，媒体查询既快速又高效

在移动设备上，哪种方式更容易接受？有没有更好的方法在移动设备上实现这一点？
大多数移动浏览器支持媒体查询。你应该经常在手机上使用媒体查询，这是它们存在的主要原因


自惭形秽的推广以及为什么Javascript媒体查询会有用
有一种情况是javascript可以用作媒体查询。如果你想动态地改变字体大小和屏幕大小的比例，这将是非常有用的。对媒体查询执行此操作将是漫长而痛苦的，因为您必须根据平滑度执行20~30次媒体查询

出于这个原因，我创建了一个插件，根据屏幕改变字体大小

哪一种效率更高？是否有一种解决方案更为可接受/普遍？
从性能上看，CSS要好得多。使用媒体查询将比每次调整大小（调用多次）时处理函数更快。当然，当窗口在一段时间内没有调整大小时，您可以插入一个节流阀并调用它一次，但即使这样，媒体查询也会更快

此外，Javascript窗口宽度可能并不总是与CSS媒体查询相同。滚动条可以改变值，其他因素也可能影响宽度。您必须使用一个函数来检查实际宽度，这会消耗更多的果汁。看起来是这样的：

function viewport() {
        //Get the current view port
        var e = window, a = 'inner';
        if (!('innerWidth' in window )) {
            a = 'client';
            e = document.documentElement || document.body;
        }
        return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
}

mediaqueries的缺点是支持，旧的IE不支持它。但是当然有一些库可以解决这个问题

有更好的方法吗？
事实并非如此，媒体查询既快速又高效

在移动设备上，哪种方式更容易接受？有没有更好的方法在移动设备上实现这一点？
大多数移动浏览器支持媒体查询。你应该经常在手机上使用媒体查询，这是它们存在的主要原因


自惭形秽的推广以及为什么Javascript媒体查询会有用
有一种情况是javascript可以用作媒体查询。如果你想动态地改变字体大小和屏幕大小的比例，这将是非常有用的。对媒体查询执行此操作将是漫长而痛苦的，因为您必须根据平滑度执行20~30次媒体查询

出于这个原因，我创建了一个插件，根据屏幕改变字体大小

视情况而定，使用响应性设计将允许您做的不仅仅是更改字体大小

如果可以的话，大众汽车是一个不错的选择。请参见
根据需要，使用响应性设计将允许您做的不仅仅是更改字体大小

如果可以的话，大众汽车是一个不错的选择。看
你的措辞让我有点困惑。你是说旧浏览器不支持CSS3，因此应该使用javascript吗？某些旧浏览器不能使用媒体查询。在这里查一下他们的名单