php - 在页面加载之前将 CSS img max-height + max-width 属性动态设置为窗口大小？

Question

在经历了 24 小时的 jquery/javascript 痛苦之后，我才意识到，也许我在这个问题上走错了路。尝试将图像的最大宽度和高度设置为等于浏览器的大小(如果它们比浏览器大)，最重要的是，对通过自动分页器加载的图像执行此操作/infinitescroll...在 tumblr 上!...太多了。

必须有一种动态设置 CSS 值的方法。但是在我作为兼职爱好者的几年里，我从来没有遇到过这样的事情，所以我怀疑我的想法。

总结一下: 当页面加载时，一些脚本会检查窗口的高度和宽度，并为所有 img 编写 css 以具有浏览器的最大宽度和最大高度。可能吗？!

Answer 1

使用这个:

$(function(){
    var $style = $('<style />').appendTo('head'),
        $window = $(window);

    $window.resize(function(){
        $style.html('img{max-width:' + $window.width() + 'px;max-height:' + $window.height() + 'px}');
    })
    .resize();
});