fix:低分辨率及移动端显示问题

This commit is contained in:
jiewenhuang 2023-08-20 21:09:55 +08:00
parent 07ce77ee46
commit bd15a34430
1 changed files with 15 additions and 15 deletions

View File

@ -31,22 +31,22 @@
<link rel="stylesheet" th:href="${theme.config.custom.iconfont}">
</th:block>
<link rel="preload stylesheet" as="style" th:href="@{/assets/css/min/theme.min.css?v={version}(version=${theme.spec.version})}">
<style th:inline="text">
#Joe .joe_container {
max-width: [[${theme.config.basic.content_max_width + 'vw'}]] !important;
}
<style th:inline="text">
#Joe .joe_container {
max-width: [[${theme.config.basic.content_max_width+'vw'}]] !important;
}
@media (max-width: 1360px) {
#Joe .joe_container{
max-width: initial;
}
}
@media (max-width: 768px) {
#Joe .joe_container{
max-width: initial;
}
}
</style>
@media (max-width: 1360px) {
#Joe .joe_container{
max-width: initial !important;
}
}
@media (max-width: 768px) {
#Joe .joe_container{
max-width: initial !important;
}
}
</style>
<link rel="stylesheet" th:href="@{/assets/lib/qmsg/qmsg.css}">
<link rel="preload stylesheet" as="style" th:href="@{/assets/lib/animate/animate.min.css}">
<th:block th:if="${htmlType == 'index'} and ${theme.config.carousel.enable_banner}">