javascript - 打印 html 时调整图像大小

标签 javascript html css

我想打印一个包含文本和图像的 html 页面的 div。为此,我使用了带有 window.print() 的 javascript function。到目前为止,它会打印带有大图像的 div

我需要调整图像的大小以保持比例。

因为我不是这个 (html,css,javascript) 领域的人,所以我不知道该怎么做。 我在互联网上进行了搜索,但没有获得任何有关在打印时调整图像大小的帮助链接。

您能提供一些想法吗?

最佳答案

您可以使用媒体查询来控制打印文档的布局。一个例子是

@media print { 
    img {
         max-width : 300px;
         height : auto;
    }
}

可以找到关于此的更多信息和一些示例 here

关于javascript - 打印 html 时调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39762102/

相关文章:

javascript - 替换字符串中的数字

javascript - 如何识别手绘形状与 SVG 模型相似

html - HTML 和 CSS 文档的屏幕与打印行为

html - CSS 媒体查询在任何地方都不起作用

html - 3 列布局 : fixed width, 可变宽度,填充剩余

javascript - 替换功能不替换

javascript - 生成范围 (0 - X) 内的唯一编号,保留历史记录以防止重复

html - 在内联 block 布局中为 "empty space"着色

css - 在 div 下定位一个元素

css - 跨浏览器样式 CSS 表单 ID