ai/log
1
0
Fork 0
Code Pull Requests Actions Wiki Activity

fix layout article.article-content

Browse Source
This commit is contained in:
syui
2025-06-22 01:16:59 +09:00
parent 0fc920c844
commit 7eb653f569
3 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
my-blog/static/css/style.css
View File

@ -335,9 +335,7 @@ a.view-markdown:any-link {
margin: 0 auto;
}
article.article-content {
padding: 10px;
}
/* article.article-content { padding: 10px; } */
.article-meta {
display: flex;
@ -490,11 +488,39 @@ article.article-content {
line-height: 1.25;
}
article.article-content {
word-wrap: break-word;
max-width: 800px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
.article-body {
color: #1f2328;
line-height: 1.6;
padding-bottom: 200px;
font-size: 20px;
padding: 20px;
padding-bottom:200px;
}
.article-body img {
max-width: 100%;
height: auto;
display: block;
margin: 16px auto;
}
/* Apple Live Text overlay fix */
.article-body div#image-overlay {
max-width: 100% !important;
contain: layout;
}
/* Ensure images and their containers don't overflow */
.article-body p:has(img) {
overflow: hidden;
max-width: 100%;
}
.article-body h1, .article-body h2, .article-body h3 {
@ -1009,6 +1035,7 @@ article.article-content {
/* Article content mobile optimization */
.article-body {
overflow-x: hidden;
padding: 10px;
padding-bottom: 50px;
}
@ -1074,8 +1101,3 @@ article.article-content {
padding: 0;
}
}
img {
width: 100%;
}