В Gradio при добавлении пользовательского HTML исходная ширина и высота масштабируются, и почти все элементы страницы см ⇐ CSS

[Anonymous]

При добавлении пользовательского HTML-кода исходная ширина и высота масштабируются, а почти все элементы страницы выравниваются.
Это простой фрагмент HTML-кода, но он говорит о многом.
< pre class="lang-py Prettyprint-override">

Код: Выделить всё

css_code= '''
.container {
display: flex;
height: 100vh;
width: 100vw;
background: url(./images/bg.png);
background-size: 100% 100%;
}
....
'''
}
html_code = '''



[url=https://www.hzau.edu.cn/]
[i][/i]
[/url]



[list]
[*]
[i][/i]
教育大模型问答

[*]
[i][/i]
用户问答示例

[*]
[i][/i]
规章制度文件

[*]
[i][/i]
其他内容待补充...

[/list]


[i]
系统默认用户

[/i]





教育大模型v1.0


[i][/i]
[i]

[/i]
[img]/file=images/profile_default.png[/img]




发送问题

回答由AI大模型生成，可能带有主观性和随机性，请仔细甄别！

© 2024 HuaZhong Agriculture university. All Rights Reserved.
[url=https://www.hzau.edu.cn/]访问华农官网>[/url]



'''
with gr.Blocks(css=css_code, fill_height=True) as demo:
output= gr.HTML(html_code)

demo.launch(allowed_paths=['./'], share=True)

ошибка макета страницы градиента
правильный статический макет страницы
Я проверил все документы градиента, но, к сожалению, нет ни четкого описания, ни соответствующие главы о пользовательских HTML-страницах, я просто хочу, чтобы моя страница диалога между человеком и машиной выглядела хорошо, вот и все!
После подробного просмотра исходного кода веб-страницы я обнаружил некоторые подсказки. Это «важно»! КАК Я МОГУ ЭТО ИЗМЕНИТЬ!!!!
Стиль CSS по умолчанию с важными украшениями!

Подробнее здесь: https://stackoverflow.com/questions/791 ... are-scaled