注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的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;
}