Html 如何减小ASCII文本艺术图片的大小
我在html页面上有一个大尺寸的ASCII文本艺术图像,但我无法在html页面上缩小它的大小 它看起来像这样:Html 如何减小ASCII文本艺术图片的大小,html,text,ascii,symbols,Html,Text,Ascii,Symbols,我在html页面上有一个大尺寸的ASCII文本艺术图像,但我无法在html页面上缩小它的大小 它看起来像这样: uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu_ _________¶¶_¶¶_¶¶_¶¶_¶¶¶ _____¶¶¶¶¶____________¶¶¶¶¶¶¶ ___¶¶¶¶¶_______________¶¶¶¶¶¶¶ __¶¶¶¶¶__
uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu_
_________¶¶_¶¶_¶¶_¶¶_¶¶¶
_____¶¶¶¶¶____________¶¶¶¶¶¶¶
___¶¶¶¶¶_______________¶¶¶¶¶¶¶
__¶¶¶¶¶__________________¶¶¶¶¶
__¶¶¶¶____________________¶¶¶
___¶¶______________________¶¶¶
___¶________________________¶¶¶¶
__¶¶_____¶¶¶______¶¶________¶¶¶¶¶¶¶
__¶_____¶¶¶¶_____¶¶¶¶¶______¶¶¶¶¶¶_¶
__¶____¶¶¶¶¶____¶¶¶¶¶¶¶¶____¶¶¶¶¶¶__¶
__¶¶__¶¶¶¶¶______¶¶¶¶¶¶¶___¶¶¶¶¶¶¶___¶
___¶__¶¶¶__________¶¶¶¶___¶¶¶¶¶¶¶¶¶___¶
___¶¶____________________¶¶¶¶¶¶¶¶¶¶___¶¶¶
___¶¶¶_____¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶
___¶¶¶¶¶___¶¶¶¶¶¶_____¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶¶__¶¶¶___¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶¶¶¶
__¶¶¶¶¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶
__¶¶¶¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶
___________________¶¶¶¶¶¶¶¶¶¶¶
___________________¶¶¶¶¶¶¶¶¶¶
它是文本,因此它受字体的影响,或者更直接地受字体大小的影响
请参阅示例,或者通过点击“运行代码片段”按钮查看下面我包含的示例。对font
可以做的任何事情都可以对ascii设计做
pre{display:inline block}
前#正常{字体大小:100%}
前#较小{字体大小:50%}
pre#最小{字体大小:20%}
__________¶¶_¶¶__¶¶_¶¶_
_________¶¶_¶¶_¶¶_¶¶_¶¶¶
_____¶¶¶¶¶____________¶¶¶¶¶¶¶
___¶¶¶¶¶_______________¶¶¶¶¶¶¶
__¶¶¶¶¶__________________¶¶¶¶¶
__¶¶¶¶____________________¶¶¶
___¶¶______________________¶¶¶
___¶________________________¶¶¶¶
__¶¶_____¶¶¶______¶¶________¶¶¶¶¶¶¶
__¶_____¶¶¶¶_____¶¶¶¶¶______¶¶¶¶¶¶_¶
__¶____¶¶¶¶¶____¶¶¶¶¶¶¶¶____¶¶¶¶¶¶__¶
__¶¶__¶¶¶¶¶______¶¶¶¶¶¶¶___¶¶¶¶¶¶¶___¶
___¶__¶¶¶__________¶¶¶¶___¶¶¶¶¶¶¶¶¶___¶
___¶¶____________________¶¶¶¶¶¶¶¶¶¶___¶¶¶
___¶¶¶_____¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶
___¶¶¶¶¶___¶¶¶¶¶¶_____¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶¶__¶¶¶___¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶¶¶¶
__¶¶¶¶¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶
__¶¶¶¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶
___________________¶¶¶¶¶¶¶¶¶¶¶
___________________¶¶¶¶¶¶¶¶¶¶
__________¶¶_¶¶__¶¶_¶¶_
_________¶¶_¶¶_¶¶_¶¶_¶¶¶
_____¶¶¶¶¶____________¶¶¶¶¶¶¶
___¶¶¶¶¶_______________¶¶¶¶¶¶¶
__¶¶¶¶¶__________________¶¶¶¶¶
__¶¶¶¶____________________¶¶¶
___¶¶______________________¶¶¶
___¶________________________¶¶¶¶
__¶¶_____¶¶¶______¶¶________¶¶¶¶¶¶¶
__¶_____¶¶¶¶_____¶¶¶¶¶______¶¶¶¶¶¶_¶
__¶____¶¶¶¶¶____¶¶¶¶¶¶¶¶____¶¶¶¶¶¶__¶
__¶¶__¶¶¶¶¶______¶¶¶¶¶¶¶___¶¶¶¶¶¶¶___¶
___¶__¶¶¶__________¶¶¶¶___¶¶¶¶¶¶¶¶¶___¶
___¶¶____________________¶¶¶¶¶¶¶¶¶¶___¶¶¶
___¶¶¶_____¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶
___¶¶¶¶¶___¶¶¶¶¶¶_____¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶¶__¶¶¶___¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶¶¶¶
__¶¶¶¶¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶ ¶¶¶¶¶
__¶¶¶¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶
___________________¶¶¶¶¶¶¶¶¶¶¶
___________________¶¶¶¶¶¶¶¶¶¶
__________¶¶_¶¶__¶¶_¶¶_
_________¶¶_¶¶_¶¶_¶¶_¶¶¶
_____¶¶¶¶¶____________¶¶¶¶¶¶¶
___¶¶¶¶¶_______________¶¶¶¶¶¶¶
__¶¶¶¶¶__________________¶¶¶¶¶
__¶¶¶¶____________________¶¶¶
___¶¶______________________¶¶¶
___¶________________________¶¶¶¶
__¶¶_____¶¶¶______¶¶________¶¶¶¶¶¶¶
__¶_____¶¶¶¶_____¶¶¶¶¶______¶¶¶¶¶¶_¶
__¶____¶¶¶¶¶____¶¶¶¶¶¶¶¶____¶¶¶¶¶¶__¶
__¶¶__¶¶¶¶¶______¶¶¶¶¶¶¶___¶¶¶¶¶¶¶___¶
___¶__¶¶¶__________¶¶¶¶___¶¶¶¶¶¶¶¶¶___¶
___¶¶____________________¶¶¶¶¶¶¶¶¶¶___¶¶¶
___¶¶¶_____¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶
___¶¶¶¶¶___¶¶¶¶¶¶_____¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶
___¶¶¶¶¶¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶¶¶¶
___¶¶¶¶¶¶¶¶__¶¶¶___¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_¶¶¶¶¶¶¶¶¶
____¶¶¶¶¶¶¶¶¶¶