From 0c72f67d8e1361b4023e7b64fe30ae750ea23c08 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B5=AA=E5=AD=90?= Date: Thu, 20 Jun 2024 09:38:13 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=9B=BE=E7=89=87=E6=98=BE?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- page-memos.php | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/page-memos.php b/page-memos.php index e0797d0..28c0e57 100644 --- a/page-memos.php +++ b/page-memos.php @@ -110,7 +110,7 @@ div pre code { word-break: break-word; } div p a { - word-break: break-all; + word-break: break-all; word-break: break-word; } .thumbnail-image { @@ -119,6 +119,9 @@ div p a { align-items: center; justify-content: center; overflow: hidden; + border-radius:4px; + transition:transform .3s ease; + cursor:zoom-in; } .resimg { display: grid; @@ -128,12 +131,13 @@ div p a { } .thumbnail-image img { width:100%; - height:170px; + min-height: 200px; object-fit:cover; - border-radius:4px; - transition:transform .3s ease; - cursor:zoom-in -} +} +img { + object-fit: cover; /* 保持图片的纵横比,但会将图片裁剪以填充容器 */ + object-position: center; /* 保证中央部分 */ +} /* 当屏幕宽度小于732px时 */ @media (max-width: 732px) { .resimg {