douxigai8757 2016-04-04 16:09
浏览 48
已采纳

从转录的PDF文件缩放HTML

I have a few PDF files that were converted to HTML. I fully understand that this isn't ideal, but that's not something I can change.

The issue is that it places content at very specific points which breaks mobile responsiveness.

A typical HTML will looks like this:

<div class="pc pc1 w0 h0">

<div class="t m0 x0 h2 y1 ff1 fs0 fc0 sc0 ls0 ws0">Text</div>
</div>

And the CSS file like this:

@media screen and (-webkit-min-device-pixel-ratio:0){
.sc_{-webkit-text-stroke:0px transparent;}
.sc0{-webkit-text-stroke:0.015em transparent;text-shadow:none;}
}
.ws0{word-spacing:0.000000px;}
.fc0{color:rgb(35,31,32);}
.fs0{font-size:168.000000px;}
.y0{bottom:781.000000px;}
.h0{height:841.889770px;}
.w0{width:595.275630px;}
.x0{left:34.000000px;}
}

Is it possible to somehow make it scale? I'd even be happy(-ier) if I could just apply a media query to reduce everything in size by 20%.

  • 写回答

1条回答 默认 最新

  • dongnvwang8591 2016-04-04 19:26
    关注

    As it appears from the posted CSS, position: absolute is used, so I can't see any other solution (yet) than using transform: scale() (if not to rewrite the html of course)

    By using media query it could look like this

    .outer {
      height: 500px;
      width: 800px;
      background: red;
      transform-origin: 0 0;
    }
    
    @media screen and (max-width: 1000px) {
       .outer {
         transform: scale(0.9);
       }
    }
    @media screen and (max-width: 900px) {
       .outer {
         transform: scale(0.8);
       }
    }
    @media screen and (max-width: 800px) {
       .outer {
         transform: scale(0.7);
       }
    }
    height: 400px;
    width: 600px;
    }
    <div class="outer"></div>

    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面