分享一个css响应式模板

html {
  color-scheme: light dark; /*自由切换深色浅色主题*/
}

/*限制图片最大宽度防止溢出*/
svg,
img,
video{
  max-width: 100%;
  display: block;
}

body {
  font-family: system-ui;
  font-size: 1.25rem;
  line-height: 1.5;
}

/*这里可以使用任意容器*/
main {
  width: min(65ch , 100% - 4rem);
  magrin-inline: auto;
}