Question

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

<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属性似乎并没有反映在预览中？有任何解决办法吗？

Answer 1

如果我的代码不正确，请澄清一下我： 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>

介质打印图像的宽度和高度不反映

1 个答案: