如果你只考虑使用CSS来提高响应速度，我建议你多读一些媒体查询，它们就像css的if函数。
https://www.w3schools.com/css/css_rwd_mediaqueries.asphttps://css-tricks.com/a-complete-guide-to-css-media-queries/显示器

是的，您可以在css中使用media breakpoints，如下所示
320 px - 480 px：移动的设备
481 px - 768 px：iPad、平板电脑
769 px - 1024 px：小屏幕、笔记本电脑
1025 px - 1200 px：台式机、大屏幕
1201 px及以上 - 超大屏幕、电视
例如，

@media (max-width: 480px) {
  .text {
    font-size: 16px;
  }
}

有关详细信息，请访问以下链接：https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/