我们可以只用 CSS 让我们的网站完全响应吗？答案

【问题标题】：Can we make our website fully responsive with CSS only?我们可以只用 CSS 让我们的网站完全响应吗？
【发布时间】：2022-12-07 22:16:09
【问题描述】：

我们能否在使用 CSS 的同时使我们的网站完全响应，我们不应该使用其他任何东西。

【问题讨论】：

请查看How to Ask并使用tour。你的问题需要改进。碰巧你和this person在同一个班级吗？

标签： html css web mobile-website web-project

【解决方案1】：

如果您只想使用 CSS 来提高响应能力，我建议您阅读媒体查询。它们就像 css 的 if 函数。

https://www.w3schools.com/css/css_rwd_mediaqueries.asp https://css-tricks.com/a-complete-guide-to-css-media-queries/

【讨论】：

欢迎。请查看How to Ask、How to Answer，并乘坐tour。这个问题需要改进，不应该回答。我们不是讨论论坛。

【解决方案2】：

是的，你可以在css中使用media breakpoints，如下

320px — 480px：移动设备

481px — 768px：iPad、平板电脑

769px — 1024px：小屏幕，笔记本电脑

1025px — 1200px：桌面、大屏幕

1201px 及以上 — 超大屏幕、电视

例如
@media (max-width: 480px) {
  .text {
    font-size: 16px;
  }
}
欲了解更多信息，请访问以下链接： https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/

【讨论】：