为diacuz评论区设置图片大小控制样式
发现有的用户发了超宽图或者超长图，导致评论区长图会无限拉高，把评论区撑得老长；大图虽然宽度被压到容器宽，但高度等比放大，也会显得突兀。所以针对这个问题进行了控制优化，代码如下
/* 统一包裹层 */
.comiis_img_one {
display: inline-block; /* 让多张图可以并排 */
max-width: 100%;
line-height: 0; /* 干掉幽灵空白 */
}
/* 对图片本身再做一层约束 */
.comiis_img_one img {
box-shadow: 0 0 5px rgba(0,0,0,.3);
max-width: 100%;
max-height: 360px; /* 关键：限定高度，长图会被压下来 */
width: auto;
height: auto;
vertical-align: middle;
object-fit: contain; /* 保证完整图，留白也不裁剪 */
background: #f6f6f6; /* 留白处用浅灰，避免空洞感 */
cursor: zoom-in; /* 暗示用户可点开看原图 */
transition: transform .15s ease;
}
/* 鼠标悬停轻微放大，增强交互 */
.comiis_img_one img:hover {
transform: scale(1.02);
}
这个样式保证让图片统一视觉尺寸，不破坏比例，不撑爆版面，长图、大图、小图都能体面显示。
场景 表现
小图 按原尺寸居中，不拉伸
宽图 宽度撑满容器，高度等比
长图 高度被 `max-height` 卡住，宽度等比缩小，整体可见
超高清大图 同上，不会爆版，鼠标悬停可放大查看
该效果代码基于克米手机版的.comiis_img_one img类名进行修改，其他模板也是一样的哈
页:
[1]