小无编辑摘要 |
小无编辑摘要 |
||
(未显示同一用户的5个中间版本) | |||
第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
.image-container { | /*.image-container {*/ | ||
/* display: flex;*/ | |||
/* flex-wrap: wrap;*/ | |||
/* gap: 10px; /* 图片之间的间距 | |||
} | justify-content: space-around; /* 图片均匀分布 */ | ||
/*}*/ | |||
.image-container img { | /*.image-container img {*/ | ||
/* width: 200px; /* 强制规定图片宽度 */ | |||
/* height: auto; /* 保持纵横比 */ | |||
/* object-fit: contain; /* 保持图片的纵横比 */ | |||
/* box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */ | |||
/*}*/ | |||
/* 当屏幕宽度小于1200px时,调整图片宽度 */ | |||
/*@media (max-width: 1200px) {*/ | |||
/* .image-container img {*/ | |||
/* width: 150px;*/ | |||
/* }*/ | |||
/*}*/ | |||
/* 当屏幕宽度小于768px时,调整图片宽度 */ | |||
/*@media (max-width: 768px) {*/ | |||
/* .image-container img {*/ | |||
/* width: 100px;*/ | |||
/* }*/ | |||
/*}*/ | |||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap'); | |||
pre, code { | |||
font-family: 'Fira Code', monospace; | |||
} | } |
2025年1月20日 (一) 21:42的最新版本
/* 这里放置的CSS将应用于所有皮肤 */
/*.image-container {*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/* gap: 10px; /* 图片之间的间距
justify-content: space-around; /* 图片均匀分布 */
/*}*/
/*.image-container img {*/
/* width: 200px; /* 强制规定图片宽度 */
/* height: auto; /* 保持纵横比 */
/* object-fit: contain; /* 保持图片的纵横比 */
/* box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
/*}*/
/* 当屏幕宽度小于1200px时,调整图片宽度 */
/*@media (max-width: 1200px) {*/
/* .image-container img {*/
/* width: 150px;*/
/* }*/
/*}*/
/* 当屏幕宽度小于768px时,调整图片宽度 */
/*@media (max-width: 768px) {*/
/* .image-container img {*/
/* width: 100px;*/
/* }*/
/*}*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
pre, code {
font-family: 'Fira Code', monospace;
}