javascript - 在 Jquery 中将 CSS 属性应用于 html

Question

我有一个类似的 CSS

html {
    zoom: 0.5; /* Old IE only */
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.5);
}

浏览器的所有内容都会变小以适应屏幕尺寸。现在，我想在调整浏览器窗口大小时调用 jquery 方法，并从那里应用相同的 css 属性。

如何从 jquery 应用这些 css 属性。

请注意，我需要为 "html" 设置 css，而不是 div 或其他 html 元素。

请指教..

Answer 1

像这样的东西应该适合你。但正如评论中指出的那样，您应该使用 media query .媒体查询应该更适合您的需要。

$( window ).resize(function() {
  $( "html" ).css({
    "zoom": "0.5", /* Old IE only */
    "-moz-transform": "scale(0.8)",
    "-webkit-transform": "scale(0.8)",
    "transform": "scale(0.5)"
 } );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>