転記されたPDFファイルからのHTMLのスケーリング

Question

HTMLに変換されたいくつかのPDFファイルがあります。私はこれが理想的ではないことを完全に理解していますが、それは私が変えることのできるものではありません。

問題は、モバイルの応答性を損なう非常に特定のポイントにコンテンツを配置することです。

典型的なHTMLの意志は次のようになります。

<div class="pc pc1 w0 h0"> 

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

そして、このようなCSSファイル：

@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;} 
} 

は何とかそれを拡大させるために、それは可能ですか？私はちょうど20％のすべてのサイズを減らすためにメディアのクエリを適用することができれば私は幸せ（ - より）だろう。

Answer 1

それが掲示CSSから明らかなように、position: absoluteが使用されているので、メディアクエリを使用することにより

（もちろん、HTMLを書き換えるない場合）私はtransform: scale()を使用するよりも他のソリューション（まだ）を参照してくださいすることはできません単純に変換 `設定することで、この

.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>