Html 控制图像大小

我用javascript重新调整了图像的大小，使其适合我的页面，但当我打印页面时，图像的大小会更大，我尝试用css控制图像的大小，但它们不受影响：

    @media print {

       img {

             width: 544px;
             height: 450px;

           }

    }

---

有人可以帮忙吗？

试着修改代码，使其包含！重要属性

@media print {

   img {

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

       }

}

并检查是否使用内联CSS强制覆盖它。这个重要的attribute应该忽略任何内联属性，但根据我的经验，它似乎不能在所有浏览器中都很好地工作。您还可以将尺寸更改为：

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

---

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

尝试更改您的代码，以包含！重要属性

@media print {

   img {

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

       }

}

并检查是否使用内联CSS强制覆盖它。这个重要的attribute应该忽略任何内联属性，但根据我的经验，它似乎不能在所有浏览器中都很好地工作。您还可以将尺寸更改为：

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

---

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

您尝试过纯HTML吗

正如我所说，我在javascipt中控制大小，图像显示的大小很好，但打印后在纸上显示的大小更大。您尝试过纯HTML吗

正如我所说，我在javascipt中控制大小，图像显示的大小很好，但在打印后的纸张上，它们显示的大小更大