应该在调整大小时更新jQuery返回值

Question

我有一个返回值的jQuery函数。该值应该在调整大小时更新 - 但不幸的是它不是......

http://jsfiddle.net/9undwx90/

的jQuery

var rem;

function myFunction() {
  var rem = $( 'html' ).css( 'font-size' );
  return rem;
}

$( document ).ready( function () {
    console.log( myFunction() );
});

$( window ).resize( function () {
    console.log( myFunction() );
});

CSS

html {
  font-size: 16px;
}

@media screen and (max-width: 1000px) {
  font-size: 14px;
}

@media screen and (max-width: 500px) {
  font-size: 12px;
}

Answer 1

@media块中的规则无效，因为它们缺少选择器。使用此：

html {
    font-size: 16px;
}
@media screen and (max-width: 1000px) {
    html {
        font-size: 14px;
    }
}
@media screen and (max-width: 500px) {
    html {
        font-size: 12px;
    }
}

http://jsfiddle.net/koq1bh24/