javascript - 介质打印图像的宽度和高度不反射(reflect)

当要打印部分网页时，我有这段代码可以将图像正确地定位到页面预览中

<style media="print">

  #cropped_image{
     padding-top: 70px;
      padding-left: 6px;
      display: block;
    margin-left: auto;
    margin-right: auto;
    height: 200%;
    width: 200%;

 }
</style>

但是width和height属性似乎没有反映在预览上？有什么解决办法吗？

最佳答案

如果我是错的，请澄清一下我的代码：
1.）或
2.）

.container{
    width:100%;
    border:1px solid #222;
    position:relative;
    height:100%;
}
body,html{
    height:100%;
    width:100%;
}

 #cropped_image{
     padding-top: 70px;
      padding-left: 6px;
      display: block;
    margin-left: auto;
    margin-right: auto;
    height: 20%;
    width: 20%;

 }
 @media print{
    #cropped_image{
     padding-top: 70px;
      padding-left: 6px;
      display: block;
    margin-left: auto;
    margin-right: auto;
    height: 70%;
    width: 70%;
    border:1px solid red

 }

<div class="container">

<img src="red.png" id="cropped_image"/>
</div>

关于javascript - 介质打印图像的宽度和高度不反射(reflect)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52088314/