我正在制作一个图像到ascii艺术转换器,该转换器输出一个HTML文件以允许格式化和轻松缩放。但是,问题在于,当在Chrome中缩小时,ascii图像的高度减小的幅度小于其宽度,并且图像会变形(太宽)。我尝试使用line-height属性无济于事。在Edge和IE中没有问题-成功缩放可以保持纵横比。 这是低分辨率转换器HTML输出的示例,但分辨率越高,问题就越突出。任何帮助将不胜感激!
<!DOCTYPE html>
<html>
<body style="
COLOR:#000000;
TEXT-ALIGN:center;
FONT-SIZE:1px;
">
<p style="
white-space:pre;
FONT-FAMILY:Courier New;
FONT-SIZE:1.171875rem;
LETTER-SPACING:0.15em;
LINE-HEIGHT:0.400000em;
">
`MMMMMMMMMMMMMMM@BQBMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMME%SMMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMc~~~1MMMMMMMMMMMMMMMMMMMMMMMMMMM#K$@G)//IQMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMM&.`./5MMMMMMMMMMMMMMGJ?DMMMMMMB9{~~~(D+)//:A#MMMMMMMMMMMM` <br>
`MMMMMMMMMMMA)(.~~:#MMMMMMMMMMMMM%...+MMQdJ'~~~~~~~/+/'//'+KMMMMMMMMMMM` <br>
`MMMMMMMMMM3~/./+CHMMMMMMMMMMMMMM$~...:+~...~.~~~~~~/:5C:!'(HMMMMMMMMMM` <br>
`MMMMMMMMM4.7.`.~KMMMMMMMMMMMMMMH!.``........~~~~~~~~L!C547'?MMMMMMMMMM` <br>
`MMMMMMMMB``{```/"MMMMMMMMMMM"7~````.7.+........~~~~~!&c25/''%MMMMMMMMM` <br>
`MMMMMMMM!``'``.(BMMMMMMMMMMM:`````~':/L./'....~//~~~~4!&7//'(H@MMMMMMM` <br>
`MMMMMMQ:``````/CMMMMMMMMMMMMC`````.2``J.1~....~.~~~~~/5{////':'EMMMMMM` <br>
`MMMMMM2``````.)BMMMMMMMMMMMMD``.)``~``c.~:....~..~~~~~/////'//(!QMMMMM` <br>
`MMMMMC```````~CMMMMMMMMMMMMMQ.~$Q:```/.``/.......~~~~~/////~'')+"MMMMM` <br>
`MMMM$````````/GQMMMMMM@EQMMMM@%&!{````````.....~..~~~/~~/////'(+{BMMMM` <br>
`MMMM~````'````.'#MMME?LL$M#HSC+~~`````..........~.~~~.~~///'/''):LMMMM` <br>
`MMM"````.+`````~%MMM5&CC9SU&3J````````````......~~..~~~~/////+7(+:BMMM` <br>
`MMM/`).'+.`````/$MMMEJCCCCCCCJ````````````........~.~~~~/////C$+++5MMM` <br>
`MMK`.c:'/```/~/!##d313CCCCCCCC`````````````.``....~~~~~~~////12I)+7#MM` <br>
`MM:````+```/I$599L&&CCCCCCCCCC.``````````````......~~~~~~//(//9&)+:$MM` <br>
`MQ.```````.+CCCC&CCCCCCCCCCCCC/``````````````....~//.~~~~//+7/+4(+:2MM` <br>
`M%.```````~7CCCC&CCCCCCCCCCCCC7```````````./~2..~~...~~~~~//J?1U(+:{BM` <br>
`M!````````~1CCC33CCCCCCCC2:/~``````````.+c.{`+..~....~~~~~///2DI(){{KM` <br>
`M~````````~1CCCJJCCCCC7~` `````.`````/S~`L'/`+`.~..../~~~~/////''((:&M` <br>
`#`````````.//~....{CC2 `````.``````~4`.9~`(`..~../~/~~~/////(''+:1M` <br>
`K``````````````` `(CCC' `````.```````/3`)5~/`...///.~/~~///'')))(:{#` <br>
`&``.```````````` /&CCC: `````````````{c/~S.`.......~/~~~////':)):7R` <br>
`1``7/``````````` .CJ!~ `..`.`````````J(`/``.......~~~~~/////+)):!G` <br>
`+`./)~````````` ````````````````.````.......~~~//~///')+):7%` <br>
`'`.+!I````````` .``````````````````.........~~//~////'')!c79` <br>
`~`./.``.``````` `'/+C~ .````````````````...`..~...~//~~~////''!cI79` <br>
`/`.:&.````````` ?. .D. .```````````````.````..~.~~~.~/~/////'(c2I75` <br>
`/``+./````````` ." J7 ```.``.`````````.````..~~...~~~////'/'(??274` <br>
`/``14.``````````~S 7! ``.````.````````..```.......~~~/~/////({I?7U` <br>
`(`...````````````$. J. ```````````````````.``.......~~~///~/'/+???7%` <br>
`1````````````````~J. //./`````````.````````.```....'/~~~~~~///'/+{22{D` <br>
`J````````````````//?`+%&/`````````.``````..````..~?9.~~~~~////'')+cc7H` <br>
`S````````````````?I+``````````````.......````~:7..(G~~~~~~//'('():{{7B` <br>
`E`````````````````````````````````.``````````~4{..{%(~~~~~////'(+:{{1M` <br>
`M.````````````````````````````````.``````````.7C.//C!~~~~////'()+:!7CM` <br>
`M+````````.```````````````````````.``````````./$.{.!&~~~~////'()+:!{%M` <br>
`ML`)+`````.```````````````````````.`````````...G+'.'%/~~~//'/')++{{7EM` <br>
`MB`~`/````.`````````````.`````````.````...``...4J..+J'~~////)'++:7!IMM` <br>
`MM/~c/.```.`````````````.``````````.``.```.`...?L/.~~~~~////++)+:7!"MM` <br>
`MM4`~~?/``.````````````````````````...````.`..~+~.~~~/~////'()+:{52@MM` <br>
`MMQ.~+!.```.`````````.````````````````````.`.....~~.~/////''()+:&LCMMM` <br>
`MMM?.~/)````....`````7/`:++.``````````.........~..~~~//////()):7%UAMMM` <br>
`MMM#...(````````.````+7/c`3'`````````.````.......~~~~'////()++:JJLMMMM` <br>
`MMMM?``..```````````/+!~{)3~````````.```......~.~~~~~~///'()++{73HMMMM` <br>
`MMMMQ~.`````.````````7+I~!&.````````.``........~.~~~////'(+:+:7JSMMMMM` <br>
`MMMMM%..````.```````~!:.`I1c.```````..........~..~~////'')++:{7&BMMMMM` <br>
`MMMMMM{.````.````````(+/~c~?+~``````~..........~~CU%?/''(++::7!DMMMMMM` <br>
`MMMMMM#~````.````````/~~`+/.`````............~~~~4S%L'')++:{{!&MMMMMMM` <br>
`MMMMMMMR..`...````````````````...``..~......~~~~///7C'()7{:{72QMMMMMMM` <br>
`MMMMMMMM$...`......`````````..`......./...~~~~~////22()++:{7cBMMMMMMMM` <br>
`MMMMMMMMMU//....```````.```............~~.~~~~////'3!)++:{{!EMMMMMMMMM` <br>
`MMMMMMMMMM9/:..~.......................~~~~~/////''4+++:::!RMMMMMMMMMM` <br>
`MMMMMMMMMMM"/'..~...................~~~~~~~/////''(++++:{1@MMMMMMMMMMM` <br>
`MMMMMMMMMMMMd:+~.~................~..~~~~//////'''(+++:72BMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMBcc/........)7:'/.~~~~~~~~/'////''(()++::{LQMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMQ9/~~~~~.~~~/:~~//~~///''//)//'''()+7?1?KMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMMME:~///~~~~)(~~~/!~///////'/''()+:7J!4#MMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMMMMMG+~~//~~(:)c:{9(///////''()++?IICEMMMMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMMMMMMMG7/////'{(/)'/////''(++::+:73RMMMMMMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMMMMMMMMMB5+'//////'/('''(():+++I%#MMMMMMMMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMMMMMMMMMMMMB$C!(/'''2?J:))+c5d#MMMMMMMMMMMMMMMMMMMMMMMMM` <br>
`MMMMMMMMMMMMMMMMMMMMMMMMMMMMMQBHG$%%$KR#MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM` <br>
</p>
</body>
</html>