控制图像大小

Question

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

    @media print {

       img {

             width: 544px;
             height: 450px;

           }

    }

任何人都可以提供帮助吗？

Answer 1

尝试更改代码以包含！important属性。

@media print {

   img {

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

       }

}

并检查您是否使用内联CSS强制覆盖它。 ！important attributte应该忽略任何内联属性，但根据我的经验，似乎并不能在所有浏览器中完美地工作。您还可以将大小更改为：

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

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