在图片img里加PC和wap显示不同的图片尺寸 <img src="[list:ico]" border="0" class="img-responsive"/>
<style>
/* 基础样式,适用于所有设备 */
.img-responsive {
width: 100%; /* 图片宽度始终为容器宽度的100% */
height: auto; /* 高度自动调整以保持宽高比 */
display: block; /* 移除图片的默认边框 */
}
/* 媒体查询,适用于桌面设备(PC) */
@media (min-width: 769px) {
.img-responsive {
height: 177px; /* PC端固定高度 */
}
}
/* 媒体查询,适用于移动设备(WAP) */
@media (max-width: 768px) {
.img-responsive {
height: 145px; /* WAP端固定高度 */
}
}
</style>