html - 控制图片大小

Question

我已经通过 javascript 重新调整了图像的大小以适合我的页面，但是当我打印页面时，图像显示为更大的尺寸，我试图在 css 中控制图像的大小，但它们不受它的影响:

    @media print {

       img {

             width: 544px;
             height: 450px;

           }

    }

有人可以帮忙吗？

Answer 1

尝试更改您的代码以包含 !important 属性。

@media print {

   img {

         width: 544px !important;
         height: 450px !important;

       }

}

并检查您是否使用内联 CSS 强制覆盖它。 !important 属性应该忽略任何内联属性，但根据我的经验，它似乎无法在所有浏览器中完美运行。您还可以将尺寸更改为:

         width: 5.67in !important;
         height: 4.69in !important;

假设是平板显示器。你可以找到转换器 here