正确限制图片最大宽度

movsb · Dec 6, 2024 · 24f6227 · 24f6227
1 parent 0b33e3d
commit 24f6227
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/theme/blog/styles/global.scss b/theme/blog/styles/global.scss
@@ -197,15 +197,15 @@ img, svg {
 // 注意：iframe 没法自动响应式大小，需要手动根据 size 计算 aspect-ratio。
 // 参考：service/modules/renderers/media_size
 iframe, img, svg, video {
-	max-width: 500px;
+	max-width: min(500px, 100%);
 	height: unset;
 	&.too-high {
-		max-width: unset;
 		max-height: 500px;
+		max-width: unset;
 		width: unset !important;
 	}
 	&.too-wide {
-		max-width: 500px;
+		max-width: min(500px, 100%);
 		max-height: unset;
 		height: unset !important;
 	}